.circle-wrap--19MdF {
	width: 100%;
	height: 100%;
	margin: auto;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	-webkit-transition: top .4s linear 0s, left .4s linear 0s, -webkit-transform .4s linear 0s;
	transition: top .4s linear 0s, left .4s linear 0s, -webkit-transform .4s linear 0s;
	-moz-transition: top .4s linear 0s, left .4s linear 0s, transform .4s linear 0s, -moz-transform .4s linear 0s;
	transition: top .4s linear 0s, left .4s linear 0s, transform .4s linear 0s;
	transition: top .4s linear 0s, left .4s linear 0s, transform .4s linear 0s, -webkit-transform .4s linear 0s, -moz-transform .4s linear 0s
}

.circle-wrap--19MdF .bg-one--RgpfH {
	position: absolute;
	width: 673px;
	height: 674px;
	opacity: .3;
	border: 240px solid #efeff2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	left: -50%;
	top: -20%;
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	z-index: 1;
	-webkit-transition: left .3s linear 0s, top .3s linear 0s;
	-moz-transition: left .3s linear 0s, top .3s linear 0s;
	transition: left .3s linear 0s, top .3s linear 0s
}

.circle-wrap--19MdF .bg-two--aK8rB {
	position: absolute;
	width: 673px;
	height: 674px;
	opacity: .3;
	border: 240px solid #efeff2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	left: 20%;
	top: 120%;
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	z-index: 1;
	-webkit-transition: left .3s linear 0s, top .3s linear 0s;
	-moz-transition: left .3s linear 0s, top .3s linear 0s;
	transition: left .3s linear 0s, top .3s linear 0s
}

.circle-wrap--19MdF.animated-done--1_C_L .bg-one--RgpfH {
	position: absolute;
	width: 673px;
	height: 674px;
	opacity: .3;
	border: 240px solid #efeff2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	left: -33%;
	top: 50%
}

.circle-wrap--19MdF.animated-done--1_C_L .bg-two--aK8rB {
	position: absolute;
	width: 673px;
	height: 674px;
	opacity: .3;
	border: 240px solid #efeff2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	left: -10%;
	top: 50%
}

.circle-wrap--19MdF.animated-leave--2epsR {
	left: -300px;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	transform: scale(1.4);
	top: -400px
}

.full-page-container--2-EZ5 {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.full-page-container--2-EZ5::-webkit-scrollbar {
	display: none
}

.full-page-container--2-EZ5 .fullpage-item--_HiJF {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: top 500ms;
	-moz-transition: top 500ms;
	transition: top 500ms;
	overflow: hidden
}

@media screen and (max-width: 960px) {
	.full-page-container--2-EZ5 .fullpage-item--_HiJF {
		overflow-x: scroll
	}
}

.full-page-container--2-EZ5 .global-top--25g2i {
	opacity: .8;
	position: fixed;
	z-index: 100;
	right: 12px;
	bottom: 12px;
	width: 48px;
	border-radius: 24px;
	height: 48px;
	background: #fff;
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0)
}

.full-page-container--2-EZ5 .global-top--25g2i svg {
	fill: #777e87
}

.full-page-container--2-EZ5 .global-top--25g2i:hover {
	opacity: 1
}

.full-page-container--2-EZ5 .global-top--25g2i:hover svg {
	fill: #ff0050
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	-moz-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

body {
	--color-primary: #ff0050;
	--color-secondary: #00faf0;
	--color-text-0: #111;
	--color-text-1: #383e46;
	--color-text-2: #777e87;
	--color-text-3: #afb6be;
	--color-text-4: #cbced4;
	--color-bg-0: #fff;
	--color-border: #efeff2;
	--border-radius: 20px;
	--min-width: 960px;
	background-color: var(--color-bg-0)
}

html {
	width: 100%;
	height: 100%
}

body {
	font-size: 16px;
	color: #000;
	width: 100%;
	height: 100%;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	font-family: Gilroy-regular, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

body {
	width: 100%;
	margin: 0
}

* {
	margin: 0;
	padding: 0
}

a {
	text-decoration: none
}

a:link {
	color: #000
}

a:visited {
	color: #000
}

a:hover {
	color: #000;
	font-weight: bold
}

a:active {
	color: #000
}

.title-text {
	font-weight: bold;
	font-size: 38px;
	line-height: 50px;
	letter-spacing: .02em;
	color: #000;
	margin-bottom: 24px
}

.page--3r6B4 {
	-ms-touch-action: none;
	touch-action: none;
	position: fixed;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	width: 100vw;
	height: 100vh;
	z-index: 50;
	-webkit-overflow-scrolling: touch;
	pointer-events: none
}

.page--3r6B4 .logo--3CvkS {
	position: absolute;
	left: .5rem;
	top: .42rem
}

.page--3r6B4 .button--3NOq5 {
	position: fixed;
	bottom: 1.16rem;
	left: .62rem;
	z-index: 100;
	pointer-events: auto
}

.page--3r6B4 .download--1XWPX {
	background: #fff;
	border: 2px solid #fff;
	border-radius: .16rem;
	width: 6.14rem;
	height: 1rem;
	line-height: 1rem;
	font-size: .34rem;
	color: #000;
	margin: 0 auto;
	text-align: center;
	margin-bottom: .4rem
}

.swiper-wrapper--9Fe43 {
	-ms-touch-action: none;
	touch-action: none;
	position: absolute;
	width: 100vw;
	height: 100vh;
	overflow-x: hidden;
	top: 0;
	z-index: 0;
	overflow-y: hidden
}

.swiper-wrapper--9Fe43 .swiper-slide--2lJtY {
	position: absolute;
	width: 100vw;
	height: 100vh;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: top 500ms;
	-moz-transition: top 500ms;
	transition: top 500ms
}

.swiper-wrapper--9Fe43 .swiper-slide--2lJtY img {
	width: 100vw;
	height: 100vh;
	-o-object-fit: cover;
	object-fit: cover
}

.swiper-wrapper--9Fe43 .swiper-slide--2lJtY .text--2ReaD {
	position: absolute;
	top: 0;
	z-index: 500;
	padding-top: 1.8rem;
	padding-left: .86rem;
	padding-right: .86rem
}

.swiper-wrapper--9Fe43 .swiper-slide--2lJtY .text--2ReaD .title--ptO48 {
	font-style: normal;
	font-weight: bold;
	font-size: .6rem;
	line-height: .7rem;
	color: #fff
}

.swiper-wrapper--9Fe43 .swiper-slide--2lJtY .text--2ReaD .line--KhDt- {
	width: 5.76rem;
	height: 1px;
	background: #fff;
	margin-top: .24rem;
	margin-bottom: .16rem;
	opacity: .1
}

.swiper-wrapper--9Fe43 .swiper-slide--2lJtY .text--2ReaD .desc--3qNvV {
	font-weight: 500;
	font-size: .28rem;
	line-height: .48rem;
	text-align: justify;
	color: #fff;
	opacity: .7;
	width: 5.74rem
}

.swiper-wrapper--9Fe43 svg {
	position: fixed;
	bottom: .4rem;
	z-index: 20;
	left: 50%;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg)
}

#click-me-plz {
	display: none;
	background: rgba(0, 0, 0, 0.2);
	width: 6.14rem;
	height: 1rem;
	border: 2px solid #fff;
	border-radius: .16px;
	font-size: .34rem;
	color: #fff;
	line-height: 1rem;
	border-radius: .16rem;
	margin: 0 auto;
	text-align: center
}

.page--2a7Bb {
	width: 100%;
	height: 100%
}

.page--2a7Bb .video-my {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.page--2a7Bb .video-my-ie {
	width: 100%;
	height: 118%
}

.page--2a7Bb .banner-wrap {
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 100%;
	height: -moz-calc(100vh - 122px);
	height: calc(100vh - 122px);
	opacity: 0;
	top: 122px;
	-webkit-transition: opacity 0.3s linear, width 0.3s cubic-bezier(0.175, 0.885, 0.32, 1), height 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
	-moz-transition: opacity 0.3s linear, width 0.3s cubic-bezier(0.175, 0.885, 0.32, 1), height 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
	transition: opacity 0.3s linear, width 0.3s cubic-bezier(0.175, 0.885, 0.32, 1), height 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	transform-origin: top center;
	z-index: 1;
	overflow: hidden;
	margin: auto
}

.page--2a7Bb .banner-wrap .banner-text--2sdXe {
	position: absolute;
	z-index: 10;
	top: -moz-calc(50% - 120px);
	top: calc(50% - 120px);
	left: 120px
}

.page--2a7Bb .banner-wrap .banner-text--2sdXe .banner-title--F-9-9 {
	font-size: 3.33vw;
	line-height: 4.37vw;
	letter-spacing: .1vw;
	color: #fff;
	font-weight: bold
}

.page--2a7Bb .banner-wrap .banner-text--2sdXe .line--2D0hX {
	width: 41.67vw;
	height: 1px;
	background: #fff;
	opacity: .1;
	margin-top: 20px;
	margin-bottom: 24px
}

.page--2a7Bb .banner-wrap .banner-text--2sdXe .banner-desc--1Ecva {
	width: 41.67vw;
	font-size: 1.11vw;
	line-height: 1.67vw;
	text-align: justify;
	letter-spacing: .1vw;
	color: #fff;
	opacity: .7;
	margin-bottom: 2.22vw
}

.page--2a7Bb .banner-wrap .banner-text--2sdXe .line2--1rhE5 {
	width: 42vw
}

.page--2a7Bb .banner-wrap .banner-text--2sdXe .banner-desc-width--3CawT {
	width: 42vw
}

@media screen and (max-width: 960px) {
	.page--2a7Bb .banner-wrap .banner-text--2sdXe .banner-title--F-9-9 {
		font-size: 48px;
		line-height: 63px;
		letter-spacing: 2px;
		color: #fff
	}
	.page--2a7Bb .banner-wrap .banner-text--2sdXe .line--2D0hX {
		width: 600px
	}
	.page--2a7Bb .banner-wrap .banner-text--2sdXe .line2--1rhE5 {
		width: 679px
	}
	.page--2a7Bb .banner-wrap .banner-text--2sdXe .banner-desc--1Ecva {
		font-weight: 500;
		width: 600px;
		font-size: 16px;
		line-height: 24px;
		text-align: justify;
		letter-spacing: 2px;
		color: #fff;
		opacity: .7
	}
	.page--2a7Bb .banner-wrap .banner-text--2sdXe .banner-desc-width--3CawT {
		width: 679px
	}
}

.page--2a7Bb .banner-wrap .video-my--3x1fP {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.page--2a7Bb .banner-wrap .video-bg--3m8ht {
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	top: 0;
	background: -webkit-gradient(linear, left top, right top, color-stop(4.17%, rgba(0, 0, 0, 0.6)), color-stop(25.28%, rgba(50, 50, 50, 0.522785)), color-stop(42.26%, rgba(83, 83, 83, 0.403165)), color-stop(69.58%, rgba(196, 196, 196, 0)));
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6) 4.17%, rgba(50, 50, 50, 0.522785) 25.28%, rgba(83, 83, 83, 0.403165) 42.26%, rgba(196, 196, 196, 0) 69.58%);
	background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.6) 4.17%, rgba(50, 50, 50, 0.522785) 25.28%, rgba(83, 83, 83, 0.403165) 42.26%, rgba(196, 196, 196, 0) 69.58%);
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 4.17%, rgba(50, 50, 50, 0.522785) 25.28%, rgba(83, 83, 83, 0.403165) 42.26%, rgba(196, 196, 196, 0) 69.58%);
	opacity: .3
}

.page--2a7Bb .banner-wrap .dot--2BvBj {
	width: 10px;
	height: 10px;
	background: #fff;
	background: var(--color-bg-0);
	opacity: .9;
	border-radius: 100%;
	display: inline-block;
	margin-right: 12px;
	cursor: pointer
}

.page--2a7Bb .banner-wrap .hollow-dot--14NtJ {
	display: inline-block;
	width: 10px;
	height: 10px;
	opacity: .4;
	border: 2px solid #fff;
	border: 2px solid var(--color-bg-0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 100%;
	margin-right: 12px;
	cursor: pointer
}

.page--2a7Bb .hide--1TR8C {
	opacity: 0
}

.page--2a7Bb .show--33kdi {
	opacity: 1
}

.page--2a7Bb .animate-leave--39l96 {
	opacity: 1;
	-webkit-transition: opacity 1s linear;
	-moz-transition: opacity 1s linear;
	transition: opacity 1s linear
}

.page--2a7Bb .svg--35FLh {
	position: absolute;
	bottom: 24px;
	left: 49%;
	z-index: 10;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	transform: scale(1.5);
	opacity: .8
}

.page--2a7Bb .animate-leave--39l96 {
	opacity: 0
}

.header-wrap--6fIsn {
	width: 100%;
	height: 122px
}

.header--3bMN6 {
	width: 100%;
	height: 122px;
	-webkit-transition: height 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-moz-transition: height 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: height 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	background-color: #fff;
	font-size: 16px;
	color: #fff;
	margin: 0;
	padding: 0;
	z-index: 1000;
	position: absolute;
	top: 0
}

.header--3bMN6 .header-contianer--31iwZ {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	position: relative;
	min-width: 960px
}

.header--3bMN6 .header-contianer--31iwZ .logo-div--1BRFW {
	display: inline-block;
	position: absolute;
	top: 38px;
	left: 120px
}

@media screen and (max-width: 1020px) {
	.header--3bMN6 .header-contianer--31iwZ .logo-div--1BRFW {
		display: inline-block;
		position: absolute;
		top: 38px;
		left: 42px
	}
}

.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L {
	float: right;
	margin-right: 120px
}

.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L li {
	padding: 0;
	line-height: 122px;
	padding-left: 48px;
	display: inline-block;
	list-style: none;
	color: #000;
	position: relative
}

.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L li .arrow--VKRdO {
	display: inline-block;
	line-height: 12px;
	position: relative;
	top: -3px;
	padding-left: 7px;
	width: 8px;
	height: 5px
}

.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L li .menulist-a--21PPs {
	cursor: pointer
}

.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L li .menulist-a--21PPs:hover a {
	font-weight: bold
}

.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L li .a-bold--2S5FF {
	font-weight: bold
}

.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L li .arrow--VKRdO svg {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: -webkit-transform .35s ease;
	transition: -webkit-transform .35s ease;
	-moz-transition: transform .35s ease, -moz-transform .35s ease;
	transition: transform .35s ease;
	transition: transform .35s ease, -webkit-transform .35s ease, -moz-transform .35s ease;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	transform-origin: center center
}

.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L li .qrcode--31Ycy {
	padding-left: 4px;
	position: relative;
	top: 6px;
	z-index: 10;
	cursor: pointer
}

.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L li .opacity--2T3Y1 {
	opacity: 0
}

.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L li .menulist--2rnfc {
	position: absolute;
	top: 106px;
	line-height: 20px;
	color: var(--color-text-1)
}

.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L li .menulist--2rnfc .menu-item--2HDeA {
	margin: 0 0 10px;
	opacity: 0;
	display: none;
	-webkit-transition: margin 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-moz-transition: margin 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: margin 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L li .menulist--2rnfc .menu-item--2HDeA a {
	color: var(--color-text-1);
	opacity: .8;
	font-weight: normal
}

.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L li .menulist--2rnfc .menu-item--2HDeA a:hover {
	font-weight: bold
}

.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L li .menulist--2rnfc .menu-item--2HDeA:hover {
	font-weight: bold
}

.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L li .menulist--2rnfc .animate-item--F9itM {
	margin: 0 0 32px;
	opacity: 1
}

.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L li .menulist--2rnfc .qrcode--31Ycy {
	opacity: 0;
	position: relative;
	left: -70px;
	width: 96px;
	height: 96px;
	top: -6px;
	-webkit-transition: margin 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.35s ease;
	-moz-transition: margin 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.35s ease;
	transition: margin 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.35s ease
}

.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L li .menulist--2rnfc .qrcode-desc--160ik {
	opacity: 0;
	position: relative;
	left: -70px;
	font-size: 12px;
	line-height: 16px;
	text-align: right;
	color: #afb6be;
	padding-left: 2px;
	-webkit-transition: margin 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.35s ease;
	-moz-transition: margin 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.35s ease;
	transition: margin 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.35s ease
}

.header--3bMN6 .header-contianer--31iwZ .a-bold--2S5FF {
	font-weight: bold
}

@media screen and (max-width: 1050px) {
	.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L {
		float: right;
		margin-right: 44px
	}
	.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L li {
		padding-left: 24px
	}
}

@media screen and (max-width: 1240px) {
	.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L {
		float: right
	}
	.header--3bMN6 .header-contianer--31iwZ .ul--_XO9L li {
		padding-left: 24px
	}
}

.header-bottom--F-li2 {
	border-bottom: 1px solid rgba(0, 0, 0, 0.06)
}

.header-bg--er4BY {
	position: fixed;
	z-index: 999;
	width: 100vw;
	height: 100vh;
	background: #000;
	background: var(--color-text-0);
	opacity: 0;
	display: none;
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	transition: opacity .2s ease
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	-moz-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

body {
	--color-primary: #ff0050;
	--color-secondary: #00faf0;
	--color-text-0: #111;
	--color-text-1: #383e46;
	--color-text-2: #777e87;
	--color-text-3: #afb6be;
	--color-text-4: #cbced4;
	--color-bg-0: #fff;
	--color-border: #efeff2;
	--border-radius: 20px;
	--min-width: 960px;
	background-color: var(--color-bg-0)
}

html {
	width: 100%;
	height: 100%
}

body {
	font-size: 16px;
	color: #000;
	width: 100%;
	height: 100%;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	font-family: Gilroy-regular, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

body {
	width: 100%;
	margin: 0
}

* {
	margin: 0;
	padding: 0
}

a {
	text-decoration: none
}

a:link {
	color: #000
}

a:visited {
	color: #000
}

a:hover {
	color: #000;
	font-weight: bold
}

a:active {
	color: #000
}

.title-text {
	font-weight: bold;
	font-size: 38px;
	line-height: 50px;
	letter-spacing: .02em;
	color: #000;
	margin-bottom: 24px
}

.out-flex--1DFKa {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	height: 66vh;
	opacity: .5;
	-webkit-transition: opacity .5s linear;
	-moz-transition: opacity .5s linear;
	transition: opacity .5s linear;
	min-width: 960px
}

.out-flex--1DFKa.animated-done--3Wkyq {
	opacity: 1
}

.out-flex--1DFKa .first-first-normal--qsqb4 {
	width: 39%;
	height: 66vh;
	overflow: hidden;
	border-radius: var(--border-radius);
	opacity: 0;
	-webkit-transition: opacity 1.0s linear;
	-moz-transition: opacity 1.0s linear;
	transition: opacity 1.0s linear;
	background-color: #f9f9f9
}

@media screen and (max-width: 960px) {
	.out-flex--1DFKa .first-first-normal--qsqb4 {
		width: 306.6px
	}
}

.out-flex--1DFKa .first-first-normal--qsqb4.animated-done--3Wkyq {
	opacity: 1;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transition: opacity .2s linear, width .2s ease;
	-moz-transition: opacity .2s linear, width .2s ease;
	transition: opacity .2s linear, width .2s ease
}

.out-flex--1DFKa .first-first-normal--qsqb4.animated-done--3Wkyq .video--30Gb6 {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: relative;
	left: 50%;
	top: 50%;
	min-width: 540px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 66vh
}

.out-flex--1DFKa .first-first-normal--qsqb4.animated-done--3Wkyq .video--30Gb6.first-first-not-hover--Gsutp {
	border-radius: var(--border-radius)
}

.out-flex--1DFKa .first-first-normal--qsqb4.animated-done--3Wkyq .video--30Gb6.first-first-hover--2zRc2 {
	border-radius: var(--border-radius);
	-webkit-filter: saturate(120%);
	filter: saturate(120%)
}

.out-flex--1DFKa .first-first-normal--qsqb4.animated-done--3Wkyq.hover--2UIAj {
	width: 46%
}

.out-flex--1DFKa .first-first-normal--qsqb4.animated-done--3Wkyq.animate-leave--lksCj {
	opacity: 0
}

.out-flex--1DFKa .first-second-normal--3hjWv {
	width: 24%;
	height: 66vh;
	margin-left: 16px;
	border-radius: var(--border-radius);
	opacity: 0;
	overflow: hidden;
	-webkit-transition: opacity .8s linear;
	-moz-transition: opacity .8s linear;
	transition: opacity .8s linear;
	background-color: #f9f9f9
}

@media screen and (max-width: 960px) {
	.out-flex--1DFKa .first-second-normal--3hjWv {
		width: 186.6px
	}
}

.out-flex--1DFKa .first-second-normal--3hjWv.animated-done--3Wkyq {
	opacity: 1;
	-webkit-transition: opacity .2s linear, width .2s linear;
	-moz-transition: opacity .2s linear, width .2s linear;
	transition: opacity .2s linear, width .2s linear;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0)
}

.out-flex--1DFKa .first-second-normal--3hjWv.animated-done--3Wkyq .video--30Gb6 {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 66vh;
	position: relative;
	left: 50%;
	top: 50%;
	border-radius: var(--border-radius);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.out-flex--1DFKa .first-second-normal--3hjWv.animated-done--3Wkyq .video--30Gb6.first-second-hover--3LUob {
	border-radius: var(--border-radius);
	-webkit-filter: saturate(120%);
	filter: saturate(120%)
}

.out-flex--1DFKa .first-second-normal--3hjWv.animated-done--3Wkyq .video--30Gb6.first-second-not-hover--2YjN0 {
	border-radius: var(--border-radius)
}

.out-flex--1DFKa .first-second-normal--3hjWv.animated-done--3Wkyq.animate-leave--lksCj {
	opacity: 0
}

.out-flex--1DFKa .first-second-normal--3hjWv.animated-done--3Wkyq.hover--2UIAj {
	width: 31%
}

.out-flex--1DFKa .first-sub--21P89 {
	width: 36%;
	margin-left: 16px;
	border-radius: var(--border-radius);
	overflow: hidden;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

@media screen and (max-width: 960px) {
	.out-flex--1DFKa .first-sub--21P89 {
		width: 274.6px
	}
}

.out-flex--1DFKa .first-sub--21P89 .first-third-normal--1d-do {
	background-color: #f9f9f9;
	height: 32vh;
	border-radius: var(--border-radius);
	opacity: 0;
	overflow: hidden;
	-webkit-transition: opacity .1s linear;
	-moz-transition: opacity .1s linear;
	transition: opacity .1s linear
}

.out-flex--1DFKa .first-sub--21P89 .first-third-normal--1d-do.animated-done--3Wkyq {
	opacity: 1;
	-webkit-transition: opacity .1s linear, height .2s linear;
	-moz-transition: opacity .1s linear, height .2s linear;
	transition: opacity .1s linear, height .2s linear;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0)
}

.out-flex--1DFKa .first-sub--21P89 .first-third-normal--1d-do.animated-done--3Wkyq.hover--2UIAj {
	height: 64vh
}

.out-flex--1DFKa .first-sub--21P89 .first-third-normal--1d-do.animated-done--3Wkyq.animate-leave--lksCj {
	opacity: 0
}

.out-flex--1DFKa .first-sub--21P89 .first-third-normal--1d-do.animated-done--3Wkyq .video--30Gb6 {
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: var(--border-radius);
	position: relative;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.out-flex--1DFKa .first-sub--21P89 .first-third-normal--1d-do.animated-done--3Wkyq .video--30Gb6.first-third-hover--12zTu {
	border-radius: var(--border-radius);
	-webkit-filter: saturate(120%);
	filter: saturate(120%)
}

.out-flex--1DFKa .first-sub--21P89 .first-third-normal--1d-do.animated-done--3Wkyq .video--30Gb6.first-third-not-hover--11OpA {
	border-radius: var(--border-radius)
}

.out-flex--1DFKa .first-sub--21P89 .first-fourth-normal--M1-Iz {
	background-color: #f9f9f9;
	margin-top: 16px;
	border-radius: var(--border-radius);
	height: 32vh;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: opacity .1s linear;
	-moz-transition: opacity .1s linear;
	transition: opacity .1s linear
}

.out-flex--1DFKa .first-sub--21P89 .first-fourth-normal--M1-Iz.animated-done--3Wkyq {
	opacity: 1;
	-webkit-transition: opacity .4s linear, height .2s linear;
	-moz-transition: opacity .4s linear, height .2s linear;
	transition: opacity .4s linear, height .2s linear;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0)
}

.out-flex--1DFKa .first-sub--21P89 .first-fourth-normal--M1-Iz.animated-done--3Wkyq.animate-leave--lksCj {
	opacity: 0
}

.out-flex--1DFKa .first-sub--21P89 .first-fourth-normal--M1-Iz.animated-done--3Wkyq.hover--2UIAj {
	height: 64vh
}

.out-flex--1DFKa .first-sub--21P89 .first-fourth-normal--M1-Iz.animated-done--3Wkyq .video--30Gb6 {
	-o-object-fit: cover;
	object-fit: cover;
	position: relative;
	left: 50%;
	top: 50%;
	border-radius: var(--border-radius);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.out-flex--1DFKa .first-sub--21P89 .first-fourth-normal--M1-Iz.animated-done--3Wkyq .video--30Gb6.first-fourth-hover--AOLJu {
	border-radius: var(--border-radius);
	-webkit-filter: saturate(120%);
	filter: saturate(120%)
}

.out-flex--1DFKa .first-sub--21P89 .first-fourth-normal--M1-Iz.animated-done--3Wkyq .video--30Gb6.first-fourth-not-hover--369Hq {
	border-radius: var(--border-radius)
}

.second-first-normal--2mmjA {
	width: 50%;
	background-color: #f9f9f9;
	border-radius: var(--border-radius);
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	transition: opacity .2s linear
}

.second-first-normal--2mmjA.animated-done--3Wkyq {
	opacity: 1;
	-webkit-transition: opacity .5s linear, width .2s linear;
	-moz-transition: opacity .5s linear, width .2s linear;
	transition: opacity .5s linear, width .2s linear;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0)
}

.second-first-normal--2mmjA.animated-done--3Wkyq.animate-leave--lksCj {
	opacity: 0
}

.second-first-normal--2mmjA.animated-done--3Wkyq.hover--2UIAj {
	width: 58%
}

.second-first-normal--2mmjA.animated-done--3Wkyq .video--30Gb6 {
	width: 100%;
	height: 66vh;
	position: relative;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: var(--border-radius);
	-o-object-fit: cover;
	object-fit: cover
}

.second-first-normal--2mmjA.animated-done--3Wkyq .video--30Gb6.second-first-hover--325KR {
	border-radius: var(--border-radius);
	-webkit-filter: saturate(120%);
	filter: saturate(120%)
}

.second-first-normal--2mmjA.animated-done--3Wkyq .video--30Gb6.second-first-not-hover--1yN7C {
	border-radius: var(--border-radius)
}

.second-second-normal--3jh1L {
	width: 24%;
	margin-left: 16px;
	opacity: 0;
	background-color: #f9f9f9;
	border-radius: var(--border-radius);
	overflow: hidden;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	transition: opacity .2s linear
}

.second-second-normal--3jh1L.animated-done--3Wkyq {
	opacity: 1;
	-webkit-transition: opacity .2s linear, width .2s linear;
	-moz-transition: opacity .2s linear, width .2s linear;
	transition: opacity .2s linear, width .2s linear;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0)
}

.second-second-normal--3jh1L.animated-done--3Wkyq.animate-leave--lksCj {
	opacity: 0
}

.second-second-normal--3jh1L.animated-done--3Wkyq.hover--2UIAj {
	width: 31%
}

.second-second-normal--3jh1L .video--30Gb6 {
	width: 100%;
	min-width: 500px;
	-o-object-fit: cover;
	object-fit: cover;
	position: relative;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: var(--border-radius)
}

.second-second-normal--3jh1L .video--30Gb6.second-second-hover--ikDl5 {
	border-radius: var(--border-radius);
	-webkit-filter: saturate(120%);
	filter: saturate(120%)
}

.second-second-normal--3jh1L .video--30Gb6.second-second-not-hover--2UeNz {
	border-radius: var(--border-radius);
	-webkit-filter: saturate(70%);
	filter: saturate(70%)
}

.second-third-normal--11E-b {
	width: 24%;
	margin-left: 16px;
	opacity: 0;
	background-color: #f9f9f9;
	border-radius: var(--border-radius);
	overflow: hidden;
	-webkit-transition: opacity .8s linear;
	-moz-transition: opacity .8s linear;
	transition: opacity .8s linear
}

.second-third-normal--11E-b.animated-done--3Wkyq {
	opacity: 1;
	-webkit-transition: opacity .4s linear, width .2s linear;
	-moz-transition: opacity .4s linear, width .2s linear;
	transition: opacity .4s linear, width .2s linear;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0)
}

.second-third-normal--11E-b.animated-done--3Wkyq.animate-leave--lksCj {
	opacity: 0
}

.second-third-normal--11E-b.animated-done--3Wkyq.hover--2UIAj {
	width: 31%
}

.second-third-normal--11E-b .video--30Gb6 {
	width: 100%;
	height: 66vh;
	-o-object-fit: cover;
	object-fit: cover;
	position: relative;
	border-radius: var(--border-radius);
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.second-third-normal--11E-b .video--30Gb6.second-third-hover--1v8OA {
	border-radius: var(--border-radius);
	-webkit-filter: saturate(120%);
	filter: saturate(120%)
}

.second-third-normal--11E-b .video--30Gb6.second-third-not-hover--3kk4d {
	border-radius: var(--border-radius);
	-webkit-filter: saturate(70%);
	filter: saturate(70%)
}

.third-first-normal--1auEt {
	width: 17vw;
	background-color: aquamarine;
	border-radius: var(--border-radius);
	opacity: 0;
	overflow: hidden;
	-webkit-transition: opacity 1.0s linear;
	-moz-transition: opacity 1.0s linear;
	transition: opacity 1.0s linear
}

.third-first-normal--1auEt.animated-done--3Wkyq {
	opacity: 1;
	-webkit-transition: opacity .2s linear, width .2s linear;
	-moz-transition: opacity .2s linear, width .2s linear;
	transition: opacity .2s linear, width .2s linear;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0)
}

.third-first-normal--1auEt.animated-done--3Wkyq.animate-leave--lksCj {
	opacity: 0
}

.third-first-normal--1auEt.animated-done--3Wkyq:hover {
	width: 27vw
}

.third-first-normal--1auEt .video--30Gb6 {
	width: 27vw;
	-o-object-fit: cover;
	object-fit: cover
}

.third-second-normal--15cIV {
	width: 17vw;
	margin-left: 16px;
	opacity: 0;
	border-radius: var(--border-radius);
	overflow: hidden;
	-webkit-transition: opacity .4s linear;
	-moz-transition: opacity .4s linear;
	transition: opacity .4s linear
}

.third-second-normal--15cIV.animated-done--3Wkyq {
	opacity: 1;
	-webkit-transition: opacity .2s linear, width .2s linear;
	-moz-transition: opacity .2s linear, width .2s linear;
	transition: opacity .2s linear, width .2s linear;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0)
}

.third-second-normal--15cIV.animated-done--3Wkyq.animate-leave--lksCj {
	opacity: 0
}

.third-second-normal--15cIV.animated-done--3Wkyq:hover {
	width: 27vw
}

.third-second-normal--15cIV .video--30Gb6 {
	width: 27vw;
	-o-object-fit: cover;
	object-fit: cover
}

.third-third-normal--33nZs {
	width: 17vw;
	margin-left: 16px;
	opacity: 0;
	border-radius: var(--border-radius);
	overflow: hidden;
	-webkit-transition: opacity .6s linear;
	-moz-transition: opacity .6s linear;
	transition: opacity .6s linear
}

.third-third-normal--33nZs.animated-done--3Wkyq {
	opacity: 1;
	-webkit-transition: opacity .2s linear, width .2s linear;
	-moz-transition: opacity .2s linear, width .2s linear;
	transition: opacity .2s linear, width .2s linear;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0)
}

.third-third-normal--33nZs.animated-done--3Wkyq.animate-leave--lksCj {
	opacity: 0
}

.third-third-normal--33nZs.animated-done--3Wkyq:hover {
	width: 27vw
}

.third-third-normal--33nZs .video--30Gb6 {
	width: 27vw;
	-o-object-fit: cover;
	object-fit: cover
}

.third-fourth-normal--fipTh {
	width: 26vw;
	margin-left: 16px;
	opacity: 0;
	border-radius: var(--border-radius);
	overflow: hidden;
	-webkit-transition: opacity .8s linear;
	-moz-transition: opacity .8s linear;
	transition: opacity .8s linear
}

.third-fourth-normal--fipTh.animated-done--3Wkyq {
	opacity: 1;
	-webkit-transition: opacity .2s linear, width .2s linear;
	-moz-transition: opacity .2s linear, width .2s linear;
	transition: opacity .2s linear, width .2s linear;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0)
}

.third-fourth-normal--fipTh.animated-done--3Wkyq.animate-leave--lksCj {
	opacity: 0
}

.third-fourth-normal--fipTh.animated-done--3Wkyq:hover {
	width: 39vw
}

.third-fourth-normal--fipTh .video--30Gb6 {
	width: 39vw;
	-o-object-fit: cover;
	object-fit: cover
}

.not-display--2HBXT {
	opacity: 0;
	position: absolute;
	z-index: -200
}

.page-container--R_g2c {
	width: 100%;
	height: 100%;
	overflow-y: hidden
}

.content-area--1dwFt {
	position: absolute;
	margin-top: 50px;
	left: 50%;
	top: 80%;
	width: 83vw;
	margin-left: -41.5vw;
	opacity: 0
}

.content-area--1dwFt .second-header--nkbkB {
	height: 11.5vh;
	z-index: 10
}

.content-area--1dwFt .second-header-h1--1_EoU {
	font-style: normal;
	font-weight: bold;
	font-size: 2.64vw;
	letter-spacing: .02em;
	margin-bottom: .7vw
}

.content-area--1dwFt .second-header-h2--3oY7T {
	font-size: 1.67vw;
	letter-spacing: .02em;
	color: #777e87;
	font-style: normal;
	font-weight: normal
}

.content-area--1dwFt.animated-done--3efWs {
	top: 0%;
	opacity: 1
}

.content-area-in--3VijN {
	position: absolute;
	margin-top: 50px;
	left: 50%;
	top: -50%;
	width: 83vw;
	margin-left: -41.5vw;
	opacity: 0;
	-webkit-transition: top .2s linear, opacity .6s linear;
	-moz-transition: top .2s linear, opacity .6s linear;
	transition: top .2s linear, opacity .6s linear
}

.content-area-in--3VijN .second-header--nkbkB {
	height: 128px;
	z-index: 10
}

.content-area-in--3VijN .second-header-h1--1_EoU {
	font-style: normal;
	font-weight: bold;
	font-size: 2.64vw;
	letter-spacing: .02em;
	margin-bottom: .7vw
}

.content-area-in--3VijN .second-header-h2--3oY7T {
	font-size: 1.67vw;
	letter-spacing: .02em;
	letter-spacing: .02em;
	color: #777e87;
	font-style: normal;
	font-weight: normal
}

.content-area-in--3VijN.animated-done--3efWs {
	top: 0%;
	opacity: 1
}

.content-area-in--3VijN.animated-leave--1mT5h {
	opacity: 0
}

.banner-arr--3C6DD {
	margin-top: 4vh;
	height: 66vh;
	width: 100%;
	border-radius: 20px;
	min-width: 960px
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	-moz-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

body {
	--color-primary: #ff0050;
	--color-secondary: #00faf0;
	--color-text-0: #111;
	--color-text-1: #383e46;
	--color-text-2: #777e87;
	--color-text-3: #afb6be;
	--color-text-4: #cbced4;
	--color-bg-0: #fff;
	--color-border: #efeff2;
	--border-radius: 20px;
	--min-width: 960px;
	background-color: var(--color-bg-0)
}

html {
	width: 100%;
	height: 100%
}

body {
	font-size: 16px;
	color: #000;
	width: 100%;
	height: 100%;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	font-family: Gilroy-regular, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

body {
	width: 100%;
	margin: 0
}

* {
	margin: 0;
	padding: 0
}

a {
	text-decoration: none
}

a:link {
	color: #000
}

a:visited {
	color: #000
}

a:hover {
	color: #000;
	font-weight: bold
}

a:active {
	color: #000
}

.title-text {
	font-weight: bold;
	font-size: 38px;
	line-height: 50px;
	letter-spacing: .02em;
	color: #000;
	margin-bottom: 24px
}

.paga-wrap--1IWiW {
	width: 100%;
	height: 100%
}

.paga-wrap--1IWiW .containner--JugzT {
	min-width: var(--min-width);
	width: 100%;
	height: 100%;
	margin: auto;
	position: relative
}

.paga-wrap--1IWiW .containner--JugzT .left-section--3LCMy {
	position: absolute;
	top: 80%;
	left: 13%;
	opacity: 0;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: top 0.6s cubic-bezier(0.175, 0.885, 0.32, 1), opacity 1.5s cubic-bezier(0.175, 0.885, 0.32, 1);
	-moz-transition: top 0.6s cubic-bezier(0.175, 0.885, 0.32, 1), opacity 1.5s cubic-bezier(0.175, 0.885, 0.32, 1);
	transition: top 0.6s cubic-bezier(0.175, 0.885, 0.32, 1), opacity 1.5s cubic-bezier(0.175, 0.885, 0.32, 1);
	z-index: 10
}

.paga-wrap--1IWiW .containner--JugzT .left-section--3LCMy .title--24eAb {
	font-weight: bold;
	font-size: 2.64vw;
	letter-spacing: .02em;
	margin-bottom: .7vw
}

.paga-wrap--1IWiW .containner--JugzT .left-section--3LCMy .desc--2-jfg {
	font-size: 1.67vw;
	letter-spacing: .02em;
	color: #777e87
}

@media screen and (max-width: 960px) {
	.paga-wrap--1IWiW .containner--JugzT .left-section--3LCMy .title--24eAb {
		font-weight: bold;
		font-size: 25.344px;
		letter-spacing: .02em;
		margin-bottom: 6.72px
	}
	.paga-wrap--1IWiW .containner--JugzT .left-section--3LCMy .desc--2-jfg {
		font-size: 16.032px;
		letter-spacing: .02em;
		color: #777e87
	}
}

.paga-wrap--1IWiW .containner--JugzT.animated-done--kysgH .left-section--3LCMy {
	top: 47%;
	opacity: 1
}

.paga-wrap--1IWiW .containner--JugzT.animated-leave--1AA7M .left-section--3LCMy {
	top: 0%;
	opacity: 0
}

.paga-wrap--1IWiW .containner--JugzT.animated-leave--1AA7M .right-section--1Zm5t {
	top: -100px;
	opacity: 0
}

.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t {
	position: absolute;
	top: 9%;
	left: 46%;
	height: 100%;
	opacity: 1;
	width: 100%;
	-webkit-transition: top .4s linear 0s, opacity .4s linear 0s;
	-moz-transition: top .4s linear 0s, opacity .4s linear 0s;
	transition: top .4s linear 0s, opacity .4s linear 0s
}

.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t .img-wrap--2xlM_ {
	position: absolute;
	height: 100%
}

.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t .img-wrap--2xlM_ img {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	transform-origin: center center;
	-webkit-transition: left .35s linear, top .35s linear, -webkit-transform .3s ease-in-out;
	transition: left .35s linear, top .35s linear, -webkit-transform .3s ease-in-out;
	-moz-transition: transform .3s ease-in-out, left .35s linear, top .35s linear, -moz-transform .3s ease-in-out;
	transition: transform .3s ease-in-out, left .35s linear, top .35s linear;
	transition: transform .3s ease-in-out, left .35s linear, top .35s linear, -webkit-transform .3s ease-in-out, -moz-transform .3s ease-in-out
}

.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t .img-one--2OZ2a {
	width: 13.5vw;
	height: 13vw;
	position: absolute;
	top: -1vw;
	left: 0;
	z-index: 20;
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	transition-delay: 150ms
}

.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t .img-two--1cK2- {
	width: 6.66vw;
	height: 8vw;
	position: absolute;
	top: 4.5vw;
	left: 24vw;
	-webkit-transition-delay: 0ms;
	-moz-transition-delay: 0ms;
	transition-delay: 0ms;
	z-index: 20
}

.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t .img-three--NbEnY {
	width: 8vw;
	height: 8vw;
	position: absolute;
	top: 28vw;
	left: -1.5vw;
	-webkit-transition-delay: 0ms;
	-moz-transition-delay: 0ms;
	transition-delay: 0ms
}

.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t .img-four--K8tex {
	width: 10vw;
	height: 8.89vw;
	position: absolute;
	top: 37vw;
	left: 23vw;
	z-index: 20;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	transition-delay: 300ms
}

@media screen and (max-width: 960px) {
	.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t .img-one--2OZ2a {
		width: 129.6px;
		height: 124.8px;
		position: absolute;
		top: 46.656px;
		left: 67.2px;
		z-index: 20;
		-webkit-transition-delay: 400ms;
		-moz-transition-delay: 400ms;
		transition-delay: 400ms
	}
	.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t .img-two--1cK2- {
		width: 63.36px;
		height: 76.8px;
		position: absolute;
		top: 43.2px;
		left: 220.8px;
		-webkit-transition-delay: 0ms;
		-moz-transition-delay: 0ms;
		transition-delay: 0ms;
		z-index: 20
	}
	.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t .img-three--NbEnY {
		width: 76.8px;
		height: 76.8px;
		position: absolute;
		top: 268.8px;
		left: -14.4px;
		-webkit-transition-delay: 0ms;
		-moz-transition-delay: 0ms;
		transition-delay: 0ms
	}
	.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t .img-four--K8tex {
		width: 96px;
		height: 85.344px;
		position: absolute;
		top: 403.2px;
		left: 230.4px;
		z-index: 20;
		-webkit-transition-delay: 700ms;
		-moz-transition-delay: 700ms;
		transition-delay: 700ms
	}
}

.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t .video-mask--2EzU5 {
	position: absolute;
	z-index: 10;
	width: 22vw;
	height: 41.25vw;
	background: #000;
	overflow: hidden;
	border-radius: 20px;
	left: 106px;
	top: 5%;
	opacity: 0;
	-webkit-transition: opacity .4s linear 0s;
	-moz-transition: opacity .4s linear 0s;
	transition: opacity .4s linear 0s;
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	transition-delay: 100ms
}

@media screen and (max-width: 960px) {
	.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t .video-mask--2EzU5 {
		width: 211.2px;
		height: 396px
	}
}

.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t .video--37fmv {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t.animated-done--kysgH img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}

.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t.animated-done--kysgH .img-one--2OZ2a {
	top: -2vw;
	left: -1.5vw
}

.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t.animated-done--kysgH .img-two--1cK2- {
	top: 4.5vw;
	left: -moz-calc(22vw + 120px);
	left: calc(22vw + 120px)
}

.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t.animated-done--kysgH .img-four--K8tex {
	top: 37vw;
	left: -moz-calc(22vw + 40px);
	left: calc(22vw + 40px)
}

.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t.animated-done--kysgH .video-mask--2EzU5 {
	opacity: 1
}

@media screen and (max-width: 960px) {
	.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t.animated-done--kysgH .img-one--2OZ2a {
		top: -19.2px;
		left: -9.6px
	}
	.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t.animated-done--kysgH .img-two--1cK2- {
		top: 43.2px;
		left: 316.8px
	}
	.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t.animated-done--kysgH .img-three--NbEnY {
		top: 268.8px;
		left: -9.6px
	}
	.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t.animated-done--kysgH .img-four--K8tex {
		top: 355.2px;
		left: 278.4px
	}
	.paga-wrap--1IWiW .containner--JugzT .right-section--1Zm5t.animated-done--kysgH .video-mask--2EzU5 {
		opacity: 1
	}
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	-moz-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

body {
	--color-primary: #ff0050;
	--color-secondary: #00faf0;
	--color-text-0: #111;
	--color-text-1: #383e46;
	--color-text-2: #777e87;
	--color-text-3: #afb6be;
	--color-text-4: #cbced4;
	--color-bg-0: #fff;
	--color-border: #efeff2;
	--border-radius: 20px;
	--min-width: 960px;
	background-color: var(--color-bg-0)
}

html {
	width: 100%;
	height: 100%
}

body {
	font-size: 16px;
	color: #000;
	width: 100%;
	height: 100%;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	font-family: Gilroy-regular, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

body {
	width: 100%;
	margin: 0
}

* {
	margin: 0;
	padding: 0
}

a {
	text-decoration: none
}

a:link {
	color: #000
}

a:visited {
	color: #000
}

a:hover {
	color: #000;
	font-weight: bold
}

a:active {
	color: #000
}

.title-text {
	font-weight: bold;
	font-size: 38px;
	line-height: 50px;
	letter-spacing: .02em;
	color: #000;
	margin-bottom: 24px
}

.page-container--87AJE {
	width: 100%;
	height: 100%
}

.page-container--87AJE .header-area--3WGFj {
	min-width: 960px;
	position: absolute;
	margin-top: 120px;
	margin-left: 8%;
	top: 20%;
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: top .7s linear, opacity 1s linear;
	-moz-transition: top .7s linear, opacity 1s linear;
	transition: top .7s linear, opacity 1s linear
}

.page-container--87AJE .header-area--3WGFj .h1--2CCA- {
	font-weight: bold;
	font-size: 2.64vw;
	letter-spacing: .02em;
	margin-bottom: .7vw
}

.page-container--87AJE .header-area--3WGFj .h2--k6wJI {
	font-size: 1.67vw;
	line-height: 32px;
	letter-spacing: .02em;
	color: #777e87;
	opacity: .6
}

@media screen and (max-width: 960px) {
	.page-container--87AJE .header-area--3WGFj {
		margin-left: 76.8px;
		top: 192px
	}
	.page-container--87AJE .header-area--3WGFj .h1--2CCA- {
		font-size: 25.344px;
		margin-bottom: 6.72px
	}
	.page-container--87AJE .header-area--3WGFj .h2--k6wJI {
		font-size: 16.032px
	}
}

.page-container--87AJE.animated-done--1qcBA .header-area--3WGFj {
	top: 0%;
	opacity: 1
}

.page-container--87AJE.animated-done--1qcBA .scroll-video-stripe--3x4HJ {
	opacity: 1
}

.page-container--87AJE.animated-leave--3Vxl3 .scroll-video-stripe--3x4HJ {
	opacity: 0
}

.page-container--87AJE.animated-leave--3Vxl3 .header-area--3WGFj {
	top: -100%;
	opacity: 0
}

.page-container--87AJE .scroll-video-stripe--3x4HJ {
	width: 100%;
	height: 100%;
	min-width: 960px;
	overflow-y: scroll;
	background-attachment: local;
	opacity: 0;
	-webkit-transition: opacity 1.5s ease-in-out;
	-moz-transition: opacity 1.5s ease-in-out;
	transition: opacity 1.5s ease-in-out;
	scrollbar-width: none;
	-ms-overflow-style: none;
	position: relative
}

.page-container--87AJE .scroll-video-stripe--3x4HJ::-webkit-scrollbar {
	display: none
}

.page-container--87AJE .scroll-video-stripe--3x4HJ .scroll-video--1LkGa {
	width: 62vw;
	position: relative;
	left: 35vw;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 300px
}

.page-container--87AJE .scroll-video-stripe--3x4HJ .scroll-video--1LkGa .video-stripe--2rqMX {
	height: auto;
	will-change: transform;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	transition: all linear .3s
}

.page-container--87AJE .scroll-video-stripe--3x4HJ .scroll-video--1LkGa .video-stripe--2rqMX .video-info--1dfoM {
	position: absolute;
	bottom: 30px;
	left: 24px;
	z-index: 200
}

.page-container--87AJE .scroll-video-stripe--3x4HJ .scroll-video--1LkGa .video-stripe--2rqMX .video-info--1dfoM .nickname--mY7im {
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	color: #fff
}

.page-container--87AJE .scroll-video-stripe--3x4HJ .scroll-video--1LkGa .video-stripe--2rqMX .video-info--1dfoM .desc--3hZvR {
	font-weight: bold;
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	opacity: .7
}

.page-container--87AJE .scroll-video-stripe--3x4HJ .scroll-video--1LkGa .one--39DBH {
	padding-top: 20vw;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	top: 0
}

.page-container--87AJE .scroll-video-stripe--3x4HJ .scroll-video--1LkGa .two--366C_ {
	padding-top: 60px;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.page-container--87AJE .scroll-video-stripe--3x4HJ .scroll-video--1LkGa .three--1ncp6 {
	padding-top: 11.8vw;
	position: relative;
	top: 0
}

@media screen and (max-width: 960px) {
	.page-container--87AJE .scroll-video-stripe--3x4HJ .scroll-video--1LkGa {
		width: 595.2px;
		left: 336px
	}
}

.page-container--87AJE .mask--3b9e4 {
	position: absolute;
	top: 0;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	z-index: 100;
	opacity: 0;
	-webkit-transition: opacity .4s linear;
	-moz-transition: opacity .4s linear;
	transition: opacity .4s linear;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(-1.79%, rgba(255, 255, 255, 0)), color-stop(14.76%, rgba(255, 255, 255, 0.5)), color-stop(70%, #fff));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) -1.79%, rgba(255, 255, 255, 0.5) 14.76%, #fff 70%);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) -1.79%, rgba(255, 255, 255, 0.5) 14.76%, #fff 70%);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) -1.79%, rgba(255, 255, 255, 0.5) 14.76%, #fff 70%)
}

.page-container--87AJE .leave-mask--3XXdD.mask--3b9e4 {
	opacity: 1
}

.video-warp-fouth {
	margin-right: 1.2vw;
	margin-bottom: 1.2vw;
	width: 19vw;
	height: 35.6vw;
	border-radius: 20px;
	opacity: 1;
	-webkit-transition: opacity 1.5s linear;
	-moz-transition: opacity 1.5s linear;
	transition: opacity 1.5s linear;
	overflow: hidden;
	position: relative;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	cursor: pointer
}

.video-warp-fouth:hover::after {
	content: " ";
	position: absolute;
	height: 100px;
	width: 19vw;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 20px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background-blend-mode: multiply, normal;
	background: -webkit-linear-gradient(88.4deg, rgba(0, 0, 0, 0.4) 1.43%, rgba(0, 0, 0, 0) 98.71%);
	background: -moz-linear-gradient(88.4deg, rgba(0, 0, 0, 0.4) 1.43%, rgba(0, 0, 0, 0) 98.71%);
	background: linear-gradient(1.6deg, rgba(0, 0, 0, 0.4) 1.43%, rgba(0, 0, 0, 0) 98.71%);
	z-index: 200
}

.video-warp-fouth .video-fouth {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.video-warp-fouth .video-fouth-info {
	position: absolute;
	bottom: 1.2vw;
	left: 1.2vw;
	z-index: 300;
	opacity: 0;
	-webkit-transition: opacity .35s linear;
	-moz-transition: opacity .35s linear;
	transition: opacity .35s linear
}

.video-warp-fouth .video-fouth-info .video-fouth-nickname {
	font-weight: bold;
	font-size: 1vw;
	color: #fff;
	margin-bottom: .3vw
}

.video-warp-fouth .video-fouth-info .video-fouth-desc {
	width: 14vw;
	font-weight: normal;
	font-size: .83vw;
	color: #fff;
	opacity: .7
}

.video-warp-fouth:hover .video-fouth-info {
	opacity: 1
}

.video-warp-fouth .vv {
	position: absolute;
	bottom: .2vw;
	right: 1.2vw;
	z-index: 300;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: opacity .35s linear;
	-moz-transition: opacity .35s linear;
	transition: opacity .35s linear;
	opacity: 0
}

.video-warp-fouth .vv .like {
	font-size: .83vw;
	line-height: 17px;
	text-align: center;
	color: #fff
}

.video-warp-fouth .vv .count {
	font-size: 12px;
	line-height: 17px;
	text-align: center;
	color: #fff;
	margin-bottom: 16px;
	opacity: .8
}

.video-warp-fouth:hover .vv {
	opacity: 1
}

@media screen and (max-width: 960px) {
	.video-warp-fouth {
		margin-right: 19.2px;
		margin-bottom: 19.2px;
		width: 182.4px;
		height: 341.76px
	}
	.video-warp-fouth:hover::after {
		content: " ";
		width: 182.4px
	}
	.video-fouth-info {
		bottom: 19.2px;
		left: 16.032px
	}
	.video-fouth-info .video-fouth-nickname {
		font-size: 9.6px;
		margin-bottom: 2.88px
	}
	.video-fouth-info .video-fouth-desc {
		width: 182.4px;
		font-size: 7.968px
	}
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	-moz-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

body {
	--color-primary: #ff0050;
	--color-secondary: #00faf0;
	--color-text-0: #111;
	--color-text-1: #383e46;
	--color-text-2: #777e87;
	--color-text-3: #afb6be;
	--color-text-4: #cbced4;
	--color-bg-0: #fff;
	--color-border: #efeff2;
	--border-radius: 20px;
	--min-width: 960px;
	background-color: var(--color-bg-0)
}

html {
	width: 100%;
	height: 100%
}

body {
	font-size: 16px;
	color: #000;
	width: 100%;
	height: 100%;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	font-family: Gilroy-regular, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

body {
	width: 100%;
	margin: 0
}

* {
	margin: 0;
	padding: 0
}

a {
	text-decoration: none
}

a:link {
	color: #000
}

a:visited {
	color: #000
}

a:hover {
	color: #000;
	font-weight: bold
}

a:active {
	color: #000
}

.title-text {
	font-weight: bold;
	font-size: 38px;
	line-height: 50px;
	letter-spacing: .02em;
	color: #000;
	margin-bottom: 24px
}

.page--tJy6a {
	width: 100%;
	height: 100%;
	min-width: var(--min-width)
}

.page--tJy6a .news-page--Rcgef {
	opacity: 1;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	transition: opacity 1s ease;
	width: 100%;
	min-width: var(--min-width)
}

.page--tJy6a .news-page--Rcgef h1 {
	padding-left: 84px;
	margin: 61px auto 50px;
	font-size: 2.64vw;
	color: #000;
	position: relative
}

.page--tJy6a .news-page--Rcgef h1 .more--1myhW {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: .02em;
	color: #777e87;
	font-weight: normal;
	position: absolute;
	right: 84px;
	top: 10px;
	cursor: pointer
}

.page--tJy6a .news-page--Rcgef h1 .more--1myhW a {
	color: #777e87
}

.page--tJy6a .news-page--Rcgef h1 .more--1myhW svg {
	margin-left: 2px
}

@media screen and (max-width: 960px) {
	.page--tJy6a .news-page--Rcgef h1 {
		font-size: 25.344px
	}
}

.page--tJy6a .news-page--Rcgef .news-list--2wGAK {
	width: -moz-calc(100vw - 168px);
	width: calc(100vw - 168px);
	min-width: 792px;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 84px;
	margin-right: 84px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.page--tJy6a .news-page--Rcgef .news-list--2wGAK .list-wrap--149Lc {
	width: -moz-calc((100vw - 168px - 68px) / 3);
	width: calc((100vw - 168px - 68px) / 3)
}

.page--tJy6a .news-page--Rcgef .news-list--2wGAK .list-wrap--149Lc:hover .list--2C5as {
	top: -15px
}

.page--tJy6a .news-page--Rcgef .news-list--2wGAK .list--2C5as {
	-moz-box-flex: 1;
	-ms-flex: 1 1;
	flex: 1 1;
	width: -moz-calc((100vw - 168px - 68px) / 3);
	width: calc((100vw - 168px - 68px) / 3);
	margin-right: 24px;
	position: relative;
	top: 0;
	-webkit-transition: top .2s ease-in-out;
	-moz-transition: top .2s ease-in-out;
	transition: top .2s ease-in-out;
	padding: 0
}

.page--tJy6a .news-page--Rcgef .news-list--2wGAK .list--2C5as .img-placeholder--1bvz3 {
	width: 100%;
	height: 15.5vw;
	border-radius: 20px;
	background-color: #f4f4f4;
	overflow: hidden;
	position: relative;
	text-align: center;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.page--tJy6a .news-page--Rcgef .news-list--2wGAK .list--2C5as .img-placeholder--1bvz3 .img-logo--mcHuE {
	width: 80px;
	height: auto;
	left: 100px;
	opacity: .05
}

.page--tJy6a .news-page--Rcgef .news-list--2wGAK .list--2C5as .img--3WVKM {
	width: 100%;
	height: 15.5vw;
	border-radius: 20px;
	background-size: cover;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0
}

.page--tJy6a .news-page--Rcgef .news-list--2wGAK .list--2C5as .title--2Ylsk {
	margin-top: 24px;
	font-weight: bold;
	margin-bottom: 1vw;
	font-size: 1.25vw;
	text-align: justify;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media screen and (max-width: 960px) {
	.page--tJy6a .news-page--Rcgef .news-list--2wGAK .list--2C5as .title--2Ylsk {
		font-size: 12px;
		margin-bottom: 9.6px
	}
}

.page--tJy6a .news-page--Rcgef .news-list--2wGAK .list--2C5as .desc--2VvXA {
	line-height: 1.5vw;
	font-size: .97vw;
	text-align: justify;
	letter-spacing: .06em;
	color: #777e87;
	font-weight: normal !important
}

@media screen and (max-width: 960px) {
	.page--tJy6a .news-page--Rcgef .news-list--2wGAK .list--2C5as .desc--2VvXA {
		font-size: 9.312px;
		line-height: 14.4px
	}
}

.page--tJy6a .news-page--Rcgef .news-list--2wGAK .list--2C5as .date--3VLRL {
	font-size: .83vw;
	text-align: right;
	letter-spacing: .06em;
	color: #afb6be;
	position: absolute;
	bottom: 0;
	right: 0;
	font-weight: normal !important
}

@media screen and (max-width: 960px) {
	.page--tJy6a .news-page--Rcgef .news-list--2wGAK .list--2C5as .date--3VLRL {
		font-size: 7.968px
	}
}

.page--tJy6a .news-page--Rcgef .news-list--2wGAK .margin-none--129J- {
	margin-right: 0
}

@media screen and (max-width: 960px) {
	.page--tJy6a .news-page--Rcgef .news-list--2wGAK .list--2C5as {
		width: 250px;
		margin-right: 21px
	}
}

.page--tJy6a .news-svg--31-59 {
	z-index: 5;
	width: 10px;
	bottom: 250px;
	height: 10px;
	left: 49.8%;
	padding-bottom: 30px;
	margin: 0 auto;
	position: absolute;
	margin-left: 0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	transform: scale(1.5);
	opacity: .8
}

.page--tJy6a .news-svg-bottom--1rOof {
	bottom: 50px
}

.page--tJy6a .bottom-page--1ux3Y {
	background: #000;
	width: 100%;
	height: 240px;
	position: absolute;
	bottom: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: height .5s ease-in-out;
	-moz-transition: height .5s ease-in-out;
	transition: height .5s ease-in-out;
	z-index: 10
}

.page--tJy6a .bottom-page--1ux3Y .logo-div--35dPm {
	text-align: center;
	font-weight: bold;
	margin-top: 40px;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: margin-top .5s ease-in-out, margin-bottom .5s ease-in-out, -webkit-transform .5s ease-in-out;
	transition: margin-top .5s ease-in-out, margin-bottom .5s ease-in-out, -webkit-transform .5s ease-in-out;
	-moz-transition: margin-top .5s ease-in-out, margin-bottom .5s ease-in-out, transform .5s ease-in-out, -moz-transform .5s ease-in-out;
	transition: margin-top .5s ease-in-out, margin-bottom .5s ease-in-out, transform .5s ease-in-out;
	transition: margin-top .5s ease-in-out, margin-bottom .5s ease-in-out, transform .5s ease-in-out, -webkit-transform .5s ease-in-out, -moz-transform .5s ease-in-out
}

.page--tJy6a .bottom-page--1ux3Y .download--3U_46 {
	margin-top: 34px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	color: #fff
}

.page--tJy6a .bottom-page--1ux3Y .download--3U_46 .download-button--1uE6J {
	display: inline-block;
	border: 2px solid rgba(255, 255, 255, 0.3);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 8px;
	width: 180px;
	height: 48px;
	margin-right: 12px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 44px;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: color .3s linear;
	-moz-transition: color .3s linear;
	transition: color .3s linear;
	cursor: pointer
}

.page--tJy6a .bottom-page--1ux3Y .download--3U_46 .download-button--1uE6J .svg--2BM0R {
	position: relative;
	top: 4px;
	margin-right: 6px
}

.page--tJy6a .bottom-page--1ux3Y .download--3U_46 .download-button--1uE6J .svg--2BM0R svg {
	opacity: .6
}

.page--tJy6a .bottom-page--1ux3Y .download--3U_46 .download-button--1uE6J:hover {
	border: 2px solid rgba(255, 255, 255, 0.6);
	color: #fff
}

.page--tJy6a .bottom-page--1ux3Y .download--3U_46 .download-button--1uE6J:hover svg {
	opacity: 1
}

.page--tJy6a .bottom-page--1ux3Y .download--3U_46 .qrcode-button--oaE1q {
	cursor: pointer;
	display: inline-block;
	width: 48px;
	height: 48px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 8px;
	color: rgba(255, 255, 255, 0);
	line-height: 44px;
	position: relative;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: color .3s linear;
	-moz-transition: color .3s linear;
	transition: color .3s linear
}

.page--tJy6a .bottom-page--1ux3Y .download--3U_46 .qrcode-button--oaE1q .svg--2BM0R {
	position: relative;
	top: 4px;
	margin-left: 0
}

.page--tJy6a .bottom-page--1ux3Y .download--3U_46 .qrcode-button--oaE1q .svg--2BM0R svg {
	opacity: .6
}

.page--tJy6a .bottom-page--1ux3Y .download--3U_46 .qrcode-button--oaE1q .img--3WVKM {
	opacity: 0;
	left: 60px;
	top: -40px;
	position: absolute;
	-webkit-transition: opacity .5s linear;
	-moz-transition: opacity .5s linear;
	transition: opacity .5s linear;
	display: none
}

.page--tJy6a .bottom-page--1ux3Y .download--3U_46 .qrcode-button--oaE1q:hover {
	border: 2px solid rgba(255, 255, 255, 0.6);
	color: #fff
}

.page--tJy6a .bottom-page--1ux3Y .download--3U_46 .qrcode-button--oaE1q:hover svg {
	opacity: 1
}

.page--tJy6a .bottom-page--1ux3Y .download--3U_46 .qrcode-button--oaE1q:hover .img--3WVKM {
	display: block;
	opacity: 1
}

.page--tJy6a .bottom-page-height--25Rvl {
	height: 0
}

.page--tJy6a .footer--1G9JW {
	opacity: 0;
	position: absolute;
	bottom: -350px;
	left: 0;
	width: 100%;
	height: 200px;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: bottom .5s ease-in-out, opacity .5s ease-in-out;
	-moz-transition: bottom .5s ease-in-out, opacity .5s ease-in-out;
	transition: bottom .5s ease-in-out, opacity .5s ease-in-out
}

.page--tJy6a .border--2AfrA {
	border-top: 1px solid rgba(255, 255, 255, 0.05)
}

.animate-leave--2smPN .news-page--Rcgef {
	opacity: 0
}

.animate-leave--2smPN .bottom-page--1ux3Y {
	height: 100%
}

.animate-leave--2smPN .bottom-page--1ux3Y .logo-div--35dPm {
	margin-top: 34vh;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	transform: scale(1.3);
	margin-bottom: 64px
}

.animate-leave--2smPN .footer--1G9JW {
	bottom: 0;
	opacity: 1;
	z-index: 10
}

.footer--2nhzB {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	width: 100%
}

.footer--2nhzB .about--3RFFE {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 1px;
	color: #fff;
	margin-bottom: 17px
}

.footer--2nhzB .about--3RFFE a {
	text-decoration: none;
	padding-right: 30px;
	opacity: .6
}

.footer--2nhzB .about--3RFFE a:link {
	color: #fff;
	opacity: .6
}

.footer--2nhzB .about--3RFFE a:visited {
	color: #fff;
	opacity: .6
}

.footer--2nhzB .about--3RFFE a:hover {
	color: #fff;
	opacity: .8
}

.footer--2nhzB .about--3RFFE a:active {
	color: #fff;
	opacity: .6
}

.footer--2nhzB .security--1BtEt {
	font-size: 12px;
	line-height: 200%;
	letter-spacing: 1px;
	color: rgba(255, 255, 255, 0.4);
	margin-bottom: 60px
}

.footer--2nhzB .security--1BtEt a {
	text-decoration: none
}

.footer--2nhzB .security--1BtEt a:link {
	color: #fff;
	opacity: .4
}

.footer--2nhzB .security--1BtEt a:visited {
	color: #fff;
	opacity: .4
}

.footer--2nhzB .security--1BtEt a:hover {
	color: #fff;
	opacity: .7;
	font-weight: normal
}

.footer--2nhzB .security--1BtEt a:active {
	color: #fff;
	opacity: .4
}

.footer--2nhzB .zf--22ePP {
	width: 15px;
	height: 15px;
	opacity: 1 !important;
	padding-right: 5px;
	position: relative;
	top: 2px
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	-moz-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

body {
	--color-primary: #ff0050;
	--color-secondary: #00faf0;
	--color-text-0: #111;
	--color-text-1: #383e46;
	--color-text-2: #777e87;
	--color-text-3: #afb6be;
	--color-text-4: #cbced4;
	--color-bg-0: #fff;
	--color-border: #efeff2;
	--border-radius: 20px;
	--min-width: 960px;
	background-color: var(--color-bg-0)
}

html {
	width: 100%;
	height: 100%
}

body {
	font-size: 16px;
	color: #000;
	width: 100%;
	height: 100%;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	font-family: Gilroy-regular, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

body {
	width: 100%;
	margin: 0
}

* {
	margin: 0;
	padding: 0
}

a {
	text-decoration: none
}

a:link {
	color: #000
}

a:visited {
	color: #000
}

a:hover {
	color: #000;
	font-weight: bold
}

a:active {
	color: #000
}

.title-text {
	font-weight: bold;
	font-size: 38px;
	line-height: 50px;
	letter-spacing: .02em;
	color: #000;
	margin-bottom: 24px
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	-moz-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

body {
	--color-primary: #ff0050;
	--color-secondary: #00faf0;
	--color-text-0: #111;
	--color-text-1: #383e46;
	--color-text-2: #777e87;
	--color-text-3: #afb6be;
	--color-text-4: #cbced4;
	--color-bg-0: #fff;
	--color-border: #efeff2;
	--border-radius: 20px;
	--min-width: 960px;
	background-color: var(--color-bg-0)
}

html {
	width: 100%;
	height: 100%
}

body {
	font-size: 16px;
	color: #000;
	width: 100%;
	height: 100%;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	font-family: Gilroy-regular, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

body {
	width: 100%;
	margin: 0
}

* {
	margin: 0;
	padding: 0
}

a {
	text-decoration: none
}

a:link {
	color: #000
}

a:visited {
	color: #000
}

a:hover {
	color: #000;
	font-weight: bold
}

a:active {
	color: #000
}

.title-text {
	font-weight: bold;
	font-size: 38px;
	line-height: 50px;
	letter-spacing: .02em;
	color: #000;
	margin-bottom: 24px
}

.business--1DfrE {
	width: 100%;
	position: relative;
	padding-top: 160px;
	overflow: hidden;
	background-attachment: local
}

.business--1DfrE .modalQR--AxD5U {
	width: 100vw;
	height: 100vh;
	z-index: 2000;
	position: fixed;
	top: 0;
	background-attachment: fixed;
	background: rgba(0, 0, 0, 0.5)
}

.business--1DfrE .modalQR--AxD5U .imgWrap--3kP3k {
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: scale();
	-moz-transform: scale();
	transform: scale();
	width: 240px;
	height: 277px;
	background: #fff;
	border-radius: 20px;
	margin: auto
}

.business--1DfrE .modalQR--AxD5U .imgWrap--3kP3k img {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	position: relative;
	left: 50%;
	margin-top: 30px;
	margin-bottom: 16px;
	width: 178px
}

.business--1DfrE .modalQR--AxD5U .imgWrap--3kP3k p {
	margin: 0 auto;
	text-align: center;
	position: relative;
	color: #383e46;
	bottom: 0
}

.business-header--2tSDC {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 20
}

.container--3e0U3 {
	overflow-x: hidden;
	width: 1200px;
	margin: auto
}

.container--3e0U3 .live--_qIax {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 80px
}

.container--3e0U3 .live--_qIax .title--b68eN {
	font-weight: bold;
	font-size: 36px;
	line-height: 47px;
	color: #fff;
	opacity: .9;
	margin-bottom: 6px;
	padding-top: 20px
}

.container--3e0U3 .live--_qIax .desc--gNA8O {
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	opacity: .4;
	margin-bottom: 33px
}

.container--3e0U3 .live--_qIax .button--3LTrK {
	font-weight: bold;
	cursor: pointer;
	width: 110px;
	height: 42px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 8px;
	line-height: 42px;
	text-align: center
}

.container--3e0U3 .live--_qIax .button--3LTrK:hover {
	opacity: .9
}

.container--3e0U3 .live--_qIax .one-wrap--3b19I {
	cursor: pointer
}

.container--3e0U3 .live--_qIax .one-wrap--3b19I:hover .one--38YPj {
	top: -15px
}

.container--3e0U3 .live--_qIax .one--38YPj {
	width: 588px;
	height: 282px;
	background: url(https://lf1-cdn-tos.bytegoofy.com/goofy/ies/douyin_home_web/imgs/1.6d2faefe.png) no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 20px;
	border-radius: var(--border-radius);
	margin-right: 24px;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #6270e9;
	position: relative;
	top: 0;
	-webkit-transition: top .2s ease-in-out;
	-moz-transition: top .2s ease-in-out;
	transition: top .2s ease-in-out;
	padding: 0
}

.container--3e0U3 .live--_qIax .two-wrap--3V1WK {
	cursor: pointer
}

.container--3e0U3 .live--_qIax .two-wrap--3V1WK:hover .two--3ESzb {
	top: -15px
}

.container--3e0U3 .live--_qIax .two--3ESzb {
	width: 282px;
	height: 282px;
	border-radius: 20px;
	border-radius: var(--border-radius);
	background: url(https://lf1-cdn-tos.bytegoofy.com/goofy/ies/douyin_home_web/imgs/2.91e30465.png);
	background-size: cover;
	margin-right: 24px;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #0e0f14;
	position: relative;
	top: 0;
	-webkit-transition: top .2s ease-in-out;
	-moz-transition: top .2s ease-in-out;
	transition: top .2s ease-in-out;
	padding: 0
}

.container--3e0U3 .live--_qIax .three-wrap--cY2Gq {
	cursor: pointer
}

.container--3e0U3 .live--_qIax .three-wrap--cY2Gq:hover .three--3qJVC {
	top: -15px
}

.container--3e0U3 .live--_qIax .three--3qJVC {
	width: 282px;
	height: 282px;
	border-radius: 20px;
	border-radius: var(--border-radius);
	background: url(https://lf1-cdn-tos.bytegoofy.com/goofy/ies/douyin_home_web/imgs/3.4deb8a24.png);
	background-size: cover;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #e07f26;
	position: relative;
	top: 0;
	-webkit-transition: top .2s ease-in-out;
	-moz-transition: top .2s ease-in-out;
	transition: top .2s ease-in-out;
	padding: 0
}

.container--3e0U3 .live--_qIax .three--3qJVC .desc--gNA8O {
	color: #fff;
	opacity: .8
}

.container--3e0U3 .products--2F3TQ {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 90px
}

.container--3e0U3 .products--2F3TQ .products-item-wrap--393Cf:hover .products-item--1VnGa {
	top: -15px
}

.container--3e0U3 .products--2F3TQ .products-item--1VnGa {
	width: 282px;
	height: 282px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #efeff2;
	border-radius: 20px;
	border-radius: var(--border-radius);
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 24px;
	cursor: pointer;
	position: relative;
	top: 0;
	-webkit-transition: top .2s ease-in-out;
	-moz-transition: top .2s ease-in-out;
	transition: top .2s ease-in-out;
	padding: 0
}

.container--3e0U3 .products--2F3TQ .products-item--1VnGa img {
	border-radius: 20px;
	border-radius: var(--border-radius);
	margin-bottom: 16px
}

.container--3e0U3 .products--2F3TQ .products-item--1VnGa .name--1baCr {
	font-size: 24px;
	line-height: 32px;
	color: #000;
	opacity: .9;
	font-weight: bold;
	margin-bottom: 8px
}

.container--3e0U3 .products--2F3TQ .products-item--1VnGa .desc--gNA8O {
	font-size: 13px;
	line-height: 21px;
	text-align: center;
	color: var(--color-text-2);
	text-align: center;
	margin-bottom: 8px
}

.container--3e0U3 .products--2F3TQ .products-item--1VnGa .desc--gNA8O .href--l-aAQ {
	padding-top: 16px;
	font-size: 15px;
	line-height: 20px;
	color: var(--color-text-2);
	opacity: .9
}

.container--3e0U3 .products--2F3TQ .products-item--1VnGa:hover .href--l-aAQ {
	color: var(--color-primary)
}

.container--3e0U3 .products--2F3TQ .none-margin-right--3ILx3 {
	margin-right: 0
}

.footer--3V8vk {
	width: 100%;
	min-width: 1200px;
	height: 190px;
	background: #000;
	position: relative
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	-moz-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

body {
	--color-primary: #ff0050;
	--color-secondary: #00faf0;
	--color-text-0: #111;
	--color-text-1: #383e46;
	--color-text-2: #777e87;
	--color-text-3: #afb6be;
	--color-text-4: #cbced4;
	--color-bg-0: #fff;
	--color-border: #efeff2;
	--border-radius: 20px;
	--min-width: 960px;
	background-color: var(--color-bg-0)
}

html {
	width: 100%;
	height: 100%
}

body {
	font-size: 16px;
	color: #000;
	width: 100%;
	height: 100%;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	font-family: Gilroy-regular, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

body {
	width: 100%;
	margin: 0
}

* {
	margin: 0;
	padding: 0
}

a {
	text-decoration: none
}

a:link {
	color: #000
}

a:visited {
	color: #000
}

a:hover {
	color: #000;
	font-weight: bold
}

a:active {
	color: #000
}

.title-text {
	font-weight: bold;
	font-size: 38px;
	line-height: 50px;
	letter-spacing: .02em;
	color: #000;
	margin-bottom: 24px
}

.header--lw6P- {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 100
}

.container--2VHQ3 {
	width: 1200px;
	margin: auto;
	overflow: hidden;
	position: relative
}

.footer--3WME9 {
	margin-top: 71px;
	opacity: 1;
	left: 0;
	width: 100%;
	min-width: 1200px;
	height: 200px;
	position: relative;
	background-color: black
}

.banner-container--15xCD {
	padding-top: 122px;
	width: 100%;
	border-radius: 20px;
	top: 160px;
	height: 360px
}

.banner-img--17Grr {
	width: 100%;
	border-radius: 20px
}

.banner--2F49L {
	padding-top: 122px;
	position: absolute;
	opacity: 0;
	width: 1200px;
	top: 38px;
	height: 360px;
	-webkit-transition: opacity 0.6s linear, width 0.3s cubic-bezier(0.175, 0.885, 0.32, 1), height 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
	-moz-transition: opacity 0.6s linear, width 0.3s cubic-bezier(0.175, 0.885, 0.32, 1), height 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
	transition: opacity 0.6s linear, width 0.3s cubic-bezier(0.175, 0.885, 0.32, 1), height 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	transform-origin: top center;
	border-radius: 20px;
	overflow: hidden;
	z-index: 19
}

.empty-background--3wqWV {
	position: absolute;
	background-color: #f9f9f9;
	width: 1200px;
	height: 360px;
	border-radius: 20px;
	z-index: -10
}

.empty-img--K9T2g {
	width: 150px;
	height: 172px;
	opacity: .05;
	position: absolute;
	margin: 60px auto;
	right: 0;
	left: 0
}

.right--3lT4c {
	position: absolute;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 80px;
	margin-left: 80px
}

.right--3lT4c .time--3JPI0 {
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 1px;
	color: #fff;
	opacity: .8
}

.right--3lT4c .line--1Cq6M {
	width: 395px;
	height: 1px;
	background: #fff;
	opacity: .2;
	margin-top: 16px
}

.right--3lT4c .title--gT0ji {
	width: 430px;
	font-style: normal;
	font-weight: bold;
	font-size: 32px;
	letter-spacing: 1px;
	color: #fff;
	margin-top: 12px
}

.right--3lT4c .link--1qfHY {
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 1px;
	color: #fff;
	margin-top: 12px;
	cursor: pointer
}

.sub-container--32lZF {
	position: absolute;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 91px;
	margin-left: 1060px;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 26;
	overflow: hidden
}

.sub-container--32lZF .line--1Cq6M {
	width: 1px;
	height: 45px;
	background: #fff;
	opacity: .3;
	margin-top: 8px
}

.sub-container--32lZF .time-container--3H9Cq {
	font-weight: 800;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: .805031px;
	color: #fff;
	opacity: .6;
	cursor: pointer
}

.sub-container--32lZF .choose-container--SywMu {
	color: black;
	font-weight: 800;
	text-align: center;
	line-height: 34px;
	font-size: 12px;
	background: #fff;
	border-radius: 73.2579px;
	width: 80px;
	height: 34px
}

.news-container--10geK {
	margin-top: 120px;
	width: 100%
}

.news-display--19pfC {
	width: 100%;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: -20px;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	cursor: pointer
}

.news-block-wrap--1Y5ZX:hover .news-block--WT9-B {
	top: -15px
}

.news-block--WT9-B {
	width: 384px;
	position: relative;
	margin-top: 48px;
	position: relative;
	top: 0;
	-webkit-transition: top .2s ease-in-out;
	-moz-transition: top .2s ease-in-out;
	transition: top .2s ease-in-out;
	padding: 0
}

.news-block--WT9-B .image--2mCxe {
	border-radius: 20px;
	width: 384px;
	height: 200px;
	-o-object-fit: cover;
	object-fit: cover
}

.news-block--WT9-B .title--3tTIf {
	margin-top: 20px;
	margin-bottom: 8px;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	text-align: justify;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.news-block--WT9-B .text--qFRK4 {
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
	letter-spacing: .02em;
	color: #777e87;
	overflow: hidden;
	font-weight: normal !important
}

.news-block--WT9-B .time--3Gf0J {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: .06em;
	color: #afb6be;
	position: absolute;
	right: 0;
	bottom: 0;
	font-weight: normal !important
}

.add-more--3yVwq {
	margin-top: 87px;
	font-weight: 500;
	font-size: 14.2857px;
	line-height: 19px;
	text-align: center;
	color: #afb6be
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	-moz-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

body {
	--color-primary: #ff0050;
	--color-secondary: #00faf0;
	--color-text-0: #111;
	--color-text-1: #383e46;
	--color-text-2: #777e87;
	--color-text-3: #afb6be;
	--color-text-4: #cbced4;
	--color-bg-0: #fff;
	--color-border: #efeff2;
	--border-radius: 20px;
	--min-width: 960px;
	background-color: var(--color-bg-0)
}

html {
	width: 100%;
	height: 100%
}

body {
	font-size: 16px;
	color: #000;
	width: 100%;
	height: 100%;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	font-family: Gilroy-regular, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

body {
	width: 100%;
	margin: 0
}

* {
	margin: 0;
	padding: 0
}

a {
	text-decoration: none
}

a:link {
	color: #000
}

a:visited {
	color: #000
}

a:hover {
	color: #000;
	font-weight: bold
}

a:active {
	color: #000
}

.title-text {
	font-weight: bold;
	font-size: 38px;
	line-height: 50px;
	letter-spacing: .02em;
	color: #000;
	margin-bottom: 24px
}

.contain--3T12j {
	width: 1200px;
	margin: auto;
	position: relative
}

.header-img--GfEHj {
	border-radius: 20px;
	border-radius: var(--border-radius);
	margin-top: 160px;
	width: 1200px;
	height: 240px
}

.about-header--3mjeO {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 200
}

.header-container--wEtrw {
	position: absolute;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 335px;
	margin-left: 80px;
	top: 213px
}

.header-container-text1--3y5St {
	font-family: OPPOSans;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 21px;
	position: relative;
	letter-spacing: 1px;
	color: #fff;
	opacity: .8
}

.header-container-text2--1mtKJ {
	margin-top: 16px;
	width: 335px;
	height: 1px;
	background: #fff;
	mix-blend-mode: normal;
	opacity: .2
}

.header-container-text3--2uXF8 {
	width: 350px;
	font-style: normal;
	font-weight: bold;
	font-size: 23px;
	line-height: 42px;
	margin-top: 4px;
	letter-spacing: 1px;
	color: #fff
}

.header-container-text4--2O0_e {
	width: 340px;
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	letter-spacing: 1px;
	color: #fff
}

.culture-container--3jCUy {
	margin-top: 80px
}

.response-container--1eYGR {
	margin-top: 80px
}

.footer--A4Sos {
	opacity: 1;
	left: 0;
	min-width: 1200px;
	width: 100%;
	height: 200px;
	position: relative;
	background-color: black
}

.contact-container--2oG12 {
	width: 1200px;
	margin: auto;
	margin-top: 9vh
}

.join-container--3STiu {
	width: 100%;
	min-width: 1200px;
	margin-top: 90px;
	overflow: hidden;
	position: relative
}

.inner-header--2EEp- {
	position: absolute;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	width: 456px;
	z-index: 100;
	left: 50%;
	margin-left: -228px;
	margin-top: 28vh;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.join-message--2PC8z {
	font-size: 36px;
	line-height: 47px
}

.join-message-sub--8LK7r {
	margin-top: 16px;
	letter-spacing: 24px;
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.join-message-sub--8LK7r .inner-line--CkUsk {
	background: #fff;
	opacity: .3;
	height: .75px;
	z-index: 2000;
	width: 38.29px
}

.join-button--X6xkH {
	margin-top: 29px;
	border: 2px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 8px;
	width: 144px;
	font-size: 14px;
	height: 42px;
	line-height: 42px;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 1.0;
	z-index: 200
}

.join-button--X6xkH:hover {
	opacity: .8;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.2)
}

.inner-logo--31pBX {
	width: 16.28px;
	height: 18px
}

.inner-text--1u3EN {
	margin-left: 7px
}

.video--3pVlp {
	-webkit-filter: grayscale(10%);
	filter: grayscale(10%);
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.inner-message--odU8U {
	margin-top: -8px;
	margin-left: 15px;
	width: 370px;
	text-align: center
}

.mask--3_j0V {
	position: absolute;
	background-color: black;
	opacity: .2;
	width: 100%;
	height: 100%;
	z-index: 20
}

.video-container--2KNxt {
	height: 80.7vh;
	width: 100%;
	overflow: hidden;
	background-color: #f9f9f9
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	-moz-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

body {
	--color-primary: #ff0050;
	--color-secondary: #00faf0;
	--color-text-0: #111;
	--color-text-1: #383e46;
	--color-text-2: #777e87;
	--color-text-3: #afb6be;
	--color-text-4: #cbced4;
	--color-bg-0: #fff;
	--color-border: #efeff2;
	--border-radius: 20px;
	--min-width: 960px;
	background-color: var(--color-bg-0)
}

html {
	width: 100%;
	height: 100%
}

body {
	font-size: 16px;
	color: #000;
	width: 100%;
	height: 100%;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	font-family: Gilroy-regular, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

body {
	width: 100%;
	margin: 0
}

* {
	margin: 0;
	padding: 0
}

a {
	text-decoration: none
}

a:link {
	color: #000
}

a:visited {
	color: #000
}

a:hover {
	color: #000;
	font-weight: bold
}

a:active {
	color: #000
}

.title-text {
	font-weight: bold;
	font-size: 38px;
	line-height: 50px;
	letter-spacing: .02em;
	color: #000;
	margin-bottom: 24px
}

.block-container--rhtiV {
	margin-top: 24px;
	height: 282px;
	position: relative;
	width: 100%
}

.inner-block-1--J4Irr {
	position: absolute;
	height: 282px;
	width: 282px;
	border-radius: 20px;
	border-radius: var(--border-radius);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5.14%, rgba(118, 64, 0, 0.6)), color-stop(40.6%, rgba(118, 64, 0, 0))), rgba(255, 205, 30, 0.2);
	background: -webkit-linear-gradient(top, rgba(118, 64, 0, 0.6) 5.14%, rgba(118, 64, 0, 0) 40.6%), rgba(255, 205, 30, 0.2);
	background: -moz-linear-gradient(top, rgba(118, 64, 0, 0.6) 5.14%, rgba(118, 64, 0, 0) 40.6%), rgba(255, 205, 30, 0.2);
	background: linear-gradient(180deg, rgba(118, 64, 0, 0.6) 5.14%, rgba(118, 64, 0, 0) 40.6%), rgba(255, 205, 30, 0.2);
	mix-blend-mode: normal;
	overflow: hidden;
	cursor: pointer
}

.inner-block-2--2J0gN {
	position: absolute;
	height: 282px;
	width: 282px;
	border-radius: 20px;
	border-radius: var(--border-radius);
	margin-left: 306px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5.14%, rgba(0, 91, 191, 0.4)), color-stop(40.6%, rgba(0, 91, 191, 0))), rgba(24, 134, 255, 0.2);
	background: -webkit-linear-gradient(top, rgba(0, 91, 191, 0.4) 5.14%, rgba(0, 91, 191, 0) 40.6%), rgba(24, 134, 255, 0.2);
	background: -moz-linear-gradient(top, rgba(0, 91, 191, 0.4) 5.14%, rgba(0, 91, 191, 0) 40.6%), rgba(24, 134, 255, 0.2);
	background: linear-gradient(180deg, rgba(0, 91, 191, 0.4) 5.14%, rgba(0, 91, 191, 0) 40.6%), rgba(24, 134, 255, 0.2);
	mix-blend-mode: normal;
	overflow: hidden;
	cursor: pointer
}

.inner-block-3--3FE_T {
	position: absolute;
	height: 282px;
	width: 282px;
	border-radius: 20px;
	border-radius: var(--border-radius);
	margin-left: 612px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5.14%, rgba(0, 91, 191, 0.4)), color-stop(40.6%, rgba(0, 91, 191, 0))), rgba(24, 134, 255, 0.2);
	background: -webkit-linear-gradient(top, rgba(0, 91, 191, 0.4) 5.14%, rgba(0, 91, 191, 0) 40.6%), rgba(24, 134, 255, 0.2);
	background: -moz-linear-gradient(top, rgba(0, 91, 191, 0.4) 5.14%, rgba(0, 91, 191, 0) 40.6%), rgba(24, 134, 255, 0.2);
	background: linear-gradient(180deg, rgba(0, 91, 191, 0.4) 5.14%, rgba(0, 91, 191, 0) 40.6%), rgba(24, 134, 255, 0.2);
	mix-blend-mode: normal;
	overflow: hidden;
	cursor: pointer
}

.inner-block-4--WZA_g {
	position: absolute;
	height: 282px;
	width: 282px;
	border-radius: 20px;
	border-radius: var(--border-radius);
	margin-left: 918px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5.14%, rgba(0, 91, 191, 0.4)), color-stop(40.6%, rgba(0, 91, 191, 0))), rgba(24, 134, 255, 0.2);
	background: -webkit-linear-gradient(top, rgba(0, 91, 191, 0.4) 5.14%, rgba(0, 91, 191, 0) 40.6%), rgba(24, 134, 255, 0.2);
	background: -moz-linear-gradient(top, rgba(0, 91, 191, 0.4) 5.14%, rgba(0, 91, 191, 0) 40.6%), rgba(24, 134, 255, 0.2);
	background: linear-gradient(180deg, rgba(0, 91, 191, 0.4) 5.14%, rgba(0, 91, 191, 0) 40.6%), rgba(24, 134, 255, 0.2);
	mix-blend-mode: normal;
	overflow: hidden;
	cursor: pointer
}

.inner-block--3MhgL:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5.14%, rgba(118, 64, 0, 0.6)), color-stop(40.6%, rgba(118, 64, 0, 0))), rgba(255, 205, 30, 0.6);
	background: -webkit-linear-gradient(top, rgba(118, 64, 0, 0.6) 5.14%, rgba(118, 64, 0, 0) 40.6%), rgba(255, 205, 30, 0.6);
	background: -moz-linear-gradient(top, rgba(118, 64, 0, 0.6) 5.14%, rgba(118, 64, 0, 0) 40.6%), rgba(255, 205, 30, 0.6);
	background: linear-gradient(180deg, rgba(118, 64, 0, 0.6) 5.14%, rgba(118, 64, 0, 0) 40.6%), rgba(255, 205, 30, 0.6);
	background-blend-mode: multiply
}

.inner-text--3FZD6 {
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 21px;
	text-align: center;
	color: #fff;
	position: absolute;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	z-index: 30;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 245px
}

.inner-img-1--TgJH9 {
	height: 282px;
	width: 282px;
	position: absolute;
	top: 0
}

.inner-img-2--36Q0r {
	height: 282px;
	width: 282px;
	position: absolute;
	top: 0
}

.inner-img-3--olbCH {
	height: 282px;
	width: 282px;
	position: absolute;
	top: 0
}

.inner-img-4--1nFkk {
	height: 282px;
	width: 282px;
	position: absolute;
	top: 0
}

.inner-cover-1--3P8Uw {
	position: absolute;
	width: 100%;
	height: 282px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5.14%, rgba(118, 64, 0, 0.6)), color-stop(40.6%, rgba(118, 64, 0, 0))), rgba(255, 205, 30, 0.2);
	background: -webkit-linear-gradient(top, rgba(118, 64, 0, 0.6) 5.14%, rgba(118, 64, 0, 0) 40.6%), rgba(255, 205, 30, 0.2);
	background: -moz-linear-gradient(top, rgba(118, 64, 0, 0.6) 5.14%, rgba(118, 64, 0, 0) 40.6%), rgba(255, 205, 30, 0.2);
	background: linear-gradient(180deg, rgba(118, 64, 0, 0.6) 5.14%, rgba(118, 64, 0, 0) 40.6%), rgba(255, 205, 30, 0.2);
	mix-blend-mode: normal;
	top: 0;
	z-index: 20;
	-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
	-moz-transform: matrix(1, 0, 0, -1, 0, 0);
	transform: matrix(1, 0, 0, -1, 0, 0)
}

.inner-cover-1--3P8Uw.hover--1kvgS {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5.14%, rgba(118, 64, 0, 0.6)), color-stop(40.6%, rgba(118, 64, 0, 0))), rgba(255, 205, 30, 0.6);
	background: -webkit-linear-gradient(top, rgba(118, 64, 0, 0.6) 5.14%, rgba(118, 64, 0, 0) 40.6%), rgba(255, 205, 30, 0.6);
	background: -moz-linear-gradient(top, rgba(118, 64, 0, 0.6) 5.14%, rgba(118, 64, 0, 0) 40.6%), rgba(255, 205, 30, 0.6);
	background: linear-gradient(180deg, rgba(118, 64, 0, 0.6) 5.14%, rgba(118, 64, 0, 0) 40.6%), rgba(255, 205, 30, 0.6);
	mix-blend-mode: normal;
	-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
	-moz-transform: matrix(1, 0, 0, -1, 0, 0);
	transform: matrix(1, 0, 0, -1, 0, 0)
}

.inner-cover-2--2YRj7 {
	position: absolute;
	width: 100%;
	height: 282px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5.14%, rgba(0, 91, 191, 0.4)), color-stop(40.6%, rgba(0, 91, 191, 0))), rgba(24, 134, 255, 0.2);
	background: -webkit-linear-gradient(top, rgba(0, 91, 191, 0.4) 5.14%, rgba(0, 91, 191, 0) 40.6%), rgba(24, 134, 255, 0.2);
	background: -moz-linear-gradient(top, rgba(0, 91, 191, 0.4) 5.14%, rgba(0, 91, 191, 0) 40.6%), rgba(24, 134, 255, 0.2);
	background: linear-gradient(180deg, rgba(0, 91, 191, 0.4) 5.14%, rgba(0, 91, 191, 0) 40.6%), rgba(24, 134, 255, 0.2);
	mix-blend-mode: normal;
	top: 0;
	z-index: 20;
	-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
	-moz-transform: matrix(1, 0, 0, -1, 0, 0);
	transform: matrix(1, 0, 0, -1, 0, 0)
}

.inner-cover-2--2YRj7.hover--1kvgS {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5.14%, rgba(0, 91, 191, 0.4)), color-stop(40.6%, rgba(0, 91, 191, 0))), rgba(24, 134, 255, 0.6);
	background: -webkit-linear-gradient(top, rgba(0, 91, 191, 0.4) 5.14%, rgba(0, 91, 191, 0) 40.6%), rgba(24, 134, 255, 0.6);
	background: -moz-linear-gradient(top, rgba(0, 91, 191, 0.4) 5.14%, rgba(0, 91, 191, 0) 40.6%), rgba(24, 134, 255, 0.6);
	background: linear-gradient(180deg, rgba(0, 91, 191, 0.4) 5.14%, rgba(0, 91, 191, 0) 40.6%), rgba(24, 134, 255, 0.6);
	mix-blend-mode: normal;
	-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
	-moz-transform: matrix(1, 0, 0, -1, 0, 0);
	transform: matrix(1, 0, 0, -1, 0, 0)
}

.inner-cover-3--2XNwe {
	position: absolute;
	width: 100%;
	height: 282px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5.14%, rgba(0, 72, 88, 0.7)), color-stop(40.6%, rgba(0, 72, 88, 0))), rgba(0, 209, 255, 0.2);
	background: -webkit-linear-gradient(top, rgba(0, 72, 88, 0.7) 5.14%, rgba(0, 72, 88, 0) 40.6%), rgba(0, 209, 255, 0.2);
	background: -moz-linear-gradient(top, rgba(0, 72, 88, 0.7) 5.14%, rgba(0, 72, 88, 0) 40.6%), rgba(0, 209, 255, 0.2);
	background: linear-gradient(180deg, rgba(0, 72, 88, 0.7) 5.14%, rgba(0, 72, 88, 0) 40.6%), rgba(0, 209, 255, 0.2);
	mix-blend-mode: normal;
	top: 0;
	z-index: 20;
	-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
	-moz-transform: matrix(1, 0, 0, -1, 0, 0);
	transform: matrix(1, 0, 0, -1, 0, 0)
}

.inner-cover-3--2XNwe.hover--1kvgS {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5.14%, rgba(0, 72, 88, 0.7)), color-stop(40.6%, rgba(0, 72, 88, 0))), rgba(0, 209, 255, 0.6);
	background: -webkit-linear-gradient(top, rgba(0, 72, 88, 0.7) 5.14%, rgba(0, 72, 88, 0) 40.6%), rgba(0, 209, 255, 0.6);
	background: -moz-linear-gradient(top, rgba(0, 72, 88, 0.7) 5.14%, rgba(0, 72, 88, 0) 40.6%), rgba(0, 209, 255, 0.6);
	background: linear-gradient(180deg, rgba(0, 72, 88, 0.7) 5.14%, rgba(0, 72, 88, 0) 40.6%), rgba(0, 209, 255, 0.6);
	mix-blend-mode: normal;
	-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
	-moz-transform: matrix(1, 0, 0, -1, 0, 0);
	transform: matrix(1, 0, 0, -1, 0, 0)
}

.inner-cover-4--25If8 {
	position: absolute;
	width: 100%;
	height: 282px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5.14%, rgba(59, 21, 0, 0.7)), color-stop(40.6%, rgba(59, 21, 0, 0))), rgba(252, 196, 0, 0.2);
	background: -webkit-linear-gradient(top, rgba(59, 21, 0, 0.7) 5.14%, rgba(59, 21, 0, 0) 40.6%), rgba(252, 196, 0, 0.2);
	background: -moz-linear-gradient(top, rgba(59, 21, 0, 0.7) 5.14%, rgba(59, 21, 0, 0) 40.6%), rgba(252, 196, 0, 0.2);
	background: linear-gradient(180deg, rgba(59, 21, 0, 0.7) 5.14%, rgba(59, 21, 0, 0) 40.6%), rgba(252, 196, 0, 0.2);
	mix-blend-mode: normal;
	top: 0;
	z-index: 20;
	-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
	-moz-transform: matrix(1, 0, 0, -1, 0, 0);
	transform: matrix(1, 0, 0, -1, 0, 0)
}

.inner-cover-4--25If8.hover--1kvgS {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5.14%, rgba(59, 21, 0, 0.7)), color-stop(40.6%, rgba(59, 21, 0, 0))), rgba(252, 196, 0, 0.6);
	background: -webkit-linear-gradient(top, rgba(59, 21, 0, 0.7) 5.14%, rgba(59, 21, 0, 0) 40.6%), rgba(252, 196, 0, 0.6);
	background: -moz-linear-gradient(top, rgba(59, 21, 0, 0.7) 5.14%, rgba(59, 21, 0, 0) 40.6%), rgba(252, 196, 0, 0.6);
	background: linear-gradient(180deg, rgba(59, 21, 0, 0.7) 5.14%, rgba(59, 21, 0, 0) 40.6%), rgba(252, 196, 0, 0.6);
	mix-blend-mode: normal;
	-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
	-moz-transform: matrix(1, 0, 0, -1, 0, 0);
	transform: matrix(1, 0, 0, -1, 0, 0)
}

.playBtn--1io4C {
	position: absolute;
	z-index: 40;
	height: 0;
	width: 0;
	opacity: 0;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	transition: opacity .2s linear
}

.playBtn--1io4C.hover--1kvgS {
	height: 68px;
	width: 68px;
	opacity: 1;
	margin-top: 107px;
	margin-left: 107px
}

.xg-player--3UL0F {
	left: 0;
	right: 0;
	margin: 0 auto
}

.fade--DMOiT {
	width: 100vw;
	height: 100vh;
	background: #000;
	opacity: .8;
	z-index: 1001;
	position: fixed;
	left: 0;
	top: 0
}

.close-btn--18tCk {
	width: 25px;
	height: 25px;
	z-index: 1002;
	position: relative;
	left: 50%;
	right: 0;
	top: 10px;
	margin: 0 auto;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	cursor: pointer
}

.not-display--1tpYV {
	display: none
}

.video-container--B2Ijs {
	top: 122px;
	z-index: 2000;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: fixed
}

#xgplayerContainer--3F6nC ::v-deep .xgplayer-enter--2b6t1 .xgplayer-enter-logo--1S0jw {
	background: url() no-repeat 50%/cover
}

#mxgplayerContainer--1SNkL ::v-deep .xgplayer-enter--2b6t1 .xgplayer-enter-tips--2H_-D {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 120px;
	height: 1px;
	margin: 32px auto auto -62px;
	background: -webkit-gradient(linear, left top, right top, from(#000), color-stop(red), color-stop(#0026ff), color-stop(red), to(#000));
	background: -webkit-linear-gradient(left, #000, red, #0026ff, red, #000);
	background: -moz-linear-gradient(left, #000, red, #0026ff, red, #000);
	background: linear-gradient(90deg, #000, red, #0026ff, red, #000)
}

.xgplayer-skin-default {
	background: #000;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-ms-user-select: none
}

.xgplayer-skin-default * {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

.xgplayer-skin-default.xgplayer-rotate-fullscreen {
	position: absolute;
	top: 0;
	left: 100%;
	bottom: 0;
	right: 0;
	height: 100vw!important;
	width: 100vh!important;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.xgplayer-skin-default.xgplayer-is-fullscreen {
	width: 100%!important;
	height: 100%!important;
	padding-top: 0!important;
	z-index: 9999
}

.xgplayer-skin-default.xgplayer-is-fullscreen.xgplayer-inactive {
	cursor: none
}

.xgplayer-skin-default video {
	width: 100%;
	height: 100%;
	outline: none
}

.xgplayer-skin-default .xgplayer-none {
	display: none
}

@-webkit-keyframes loadingRotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes loadingRotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-webkit-keyframes loadingDashOffset {
	0% {
		stroke-dashoffset: 236
	}
	to {
		stroke-dashoffset: 0
	}
}

@keyframes loadingDashOffset {
	0% {
		stroke-dashoffset: 236
	}
	to {
		stroke-dashoffset: 0
	}
}

.xgplayer-skin-default .xgplayer-play,
.xgplayer-skin-default .xgplayer-play-img {
	width: 40px;
	position: relative;
	-webkit-order: 0;
	-moz-box-ordinal-group: 1;
	order: 0;
	display: block;
	cursor: pointer;
	margin-left: 3px
}

.xgplayer-skin-default .xgplayer-play-img .xgplayer-icon,
.xgplayer-skin-default .xgplayer-play .xgplayer-icon {
	margin-top: 3px;
	width: 32px
}

.xgplayer-skin-default .xgplayer-play-img .xgplayer-icon div,
.xgplayer-skin-default .xgplayer-play .xgplayer-icon div {
	position: absolute
}

.xgplayer-skin-default .xgplayer-play-img .xgplayer-icon .xgplayer-icon-play,
.xgplayer-skin-default .xgplayer-play .xgplayer-icon .xgplayer-icon-play {
	display: block
}

.xgplayer-skin-default .xgplayer-play-img .xgplayer-icon .xgplayer-icon-pause,
.xgplayer-skin-default .xgplayer-play .xgplayer-icon .xgplayer-icon-pause {
	display: none
}

.xgplayer-skin-default .xgplayer-play-img .xgplayer-tips .xgplayer-tip-play,
.xgplayer-skin-default .xgplayer-play .xgplayer-tips .xgplayer-tip-play {
	display: block
}

.xgplayer-skin-default .xgplayer-play-img .xgplayer-tips .xgplayer-tip-pause,
.xgplayer-skin-default .xgplayer-play .xgplayer-tips .xgplayer-tip-pause {
	display: none
}

.xgplayer-skin-default .xgplayer-play-img:hover,
.xgplayer-skin-default .xgplayer-play:hover {
	opacity: .85
}

.xgplayer-skin-default .xgplayer-play-img:hover .xgplayer-tips,
.xgplayer-skin-default .xgplayer-play:hover .xgplayer-tips {
	display: block
}

.xgplayer-skin-default.xgplayer-playing .xgplayer-play-img .xgplayer-icon .xgplayer-icon-play,
.xgplayer-skin-default.xgplayer-playing .xgplayer-play .xgplayer-icon .xgplayer-icon-play {
	display: none
}

.xgplayer-skin-default.xgplayer-playing .xgplayer-play-img .xgplayer-icon .xgplayer-icon-pause,
.xgplayer-skin-default.xgplayer-playing .xgplayer-play .xgplayer-icon .xgplayer-icon-pause {
	display: block
}

.xgplayer-skin-default.xgplayer-playing .xgplayer-play-img .xgplayer-tips .xgplayer-tip-play,
.xgplayer-skin-default.xgplayer-playing .xgplayer-play .xgplayer-tips .xgplayer-tip-play {
	display: none
}

.xgplayer-skin-default.xgplayer-pause .xgplayer-play-img .xgplayer-icon .xgplayer-icon-play,
.xgplayer-skin-default.xgplayer-pause .xgplayer-play .xgplayer-icon .xgplayer-icon-play,
.xgplayer-skin-default.xgplayer-playing .xgplayer-play-img .xgplayer-tips .xgplayer-tip-pause,
.xgplayer-skin-default.xgplayer-playing .xgplayer-play .xgplayer-tips .xgplayer-tip-pause {
	display: block
}

.xgplayer-skin-default.xgplayer-pause .xgplayer-play-img .xgplayer-icon .xgplayer-icon-pause,
.xgplayer-skin-default.xgplayer-pause .xgplayer-play .xgplayer-icon .xgplayer-icon-pause {
	display: none
}

.xgplayer-skin-default.xgplayer-pause .xgplayer-play-img .xgplayer-tips .xgplayer-tip-play,
.xgplayer-skin-default.xgplayer-pause .xgplayer-play .xgplayer-tips .xgplayer-tip-play {
	display: block
}

.xgplayer-skin-default.xgplayer-pause .xgplayer-play-img .xgplayer-tips .xgplayer-tip-pause,
.xgplayer-skin-default.xgplayer-pause .xgplayer-play .xgplayer-tips .xgplayer-tip-pause {
	display: none
}

.xgplayer-skin-default .xgplayer-start {
	border-radius: 50%;
	display: inline-block;
	width: 70px;
	height: 70px;
	background: rgba(0, 0, 0, .38);
	overflow: hidden;
	text-align: center;
	line-height: 70px;
	vertical-align: middle;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 115;
	margin: -35px auto auto -35px;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-start div {
	position: absolute
}

.xgplayer-skin-default .xgplayer-start div svg {
	fill: hsla(0, 0%, 100%, .7)
}

.xgplayer-skin-default .xgplayer-start .xgplayer-icon-play {
	display: block
}

.xgplayer-skin-default .xgplayer-start .xgplayer-icon-pause {
	display: none
}

.xgplayer-skin-default .xgplayer-start:hover {
	opacity: .85
}

.xgplayer-skin-default.xgplayer-playing .xgplayer-start,
.xgplayer-skin-default.xgplayer-playing .xgplayer-start .xgplayer-icon-play {
	display: none
}

.xgplayer-skin-default.xgplayer-playing .xgplayer-start .xgplayer-icon-pause {
	display: block
}

.xgplayer-skin-default.xgplayer-pause .xgplayer-start {
	display: inline-block
}

.xgplayer-skin-default.xgplayer-pause .xgplayer-start .xgplayer-icon-play {
	display: block
}

.xgplayer-skin-default.xgplayer-is-replay .xgplayer-start,
.xgplayer-skin-default.xgplayer-pause .xgplayer-start .xgplayer-icon-pause {
	display: none
}

.xgplayer-skin-default.xgplayer-is-replay .xgplayer-start .xgplayer-icon-play {
	display: block
}

.xgplayer-skin-default.xgplayer-is-replay .xgplayer-start .xgplayer-icon-pause {
	display: none
}

.xgplayer-skin-default .xgplayer-enter {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 120
}

.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100px;
	width: 100px;
	position: relative;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div {
	width: 12%;
	height: 26%;
	background-color: hsla(0, 0%, 100%, .7);
	position: absolute;
	left: 44%;
	top: 37%;
	opacity: 0;
	border-radius: 30px;
	-webkit-animation: fade 1s linear infinite;
	animation: fade 1s linear infinite
}

.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1 {
	-webkit-transform: rotate(0deg) translateY(-142%);
	-ms-transform: rotate(0deg) translateY(-142%);
	transform: rotate(0deg) translateY(-142%);
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}

.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2 {
	-webkit-transform: rotate(30deg) translateY(-142%);
	-ms-transform: rotate(30deg) translateY(-142%);
	transform: rotate(30deg) translateY(-142%);
	-webkit-animation-delay: -.9163s;
	animation-delay: -.9163s
}

.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3 {
	-webkit-transform: rotate(60deg) translateY(-142%);
	-ms-transform: rotate(60deg) translateY(-142%);
	transform: rotate(60deg) translateY(-142%);
	-webkit-animation-delay: -.833s;
	animation-delay: -.833s
}

.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4 {
	-webkit-transform: rotate(90deg) translateY(-142%);
	-ms-transform: rotate(90deg) translateY(-142%);
	transform: rotate(90deg) translateY(-142%);
	-webkit-animation-delay: -.7497s;
	animation-delay: -.7497s
}

.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5 {
	-webkit-transform: rotate(120deg) translateY(-142%);
	-ms-transform: rotate(120deg) translateY(-142%);
	transform: rotate(120deg) translateY(-142%);
	-webkit-animation-delay: -.6664s;
	animation-delay: -.6664s
}

.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6 {
	-webkit-transform: rotate(150deg) translateY(-142%);
	-ms-transform: rotate(150deg) translateY(-142%);
	transform: rotate(150deg) translateY(-142%);
	-webkit-animation-delay: -.5831s;
	animation-delay: -.5831s
}

.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7 {
	-webkit-transform: rotate(180deg) translateY(-142%);
	-ms-transform: rotate(180deg) translateY(-142%);
	transform: rotate(180deg) translateY(-142%);
	-webkit-animation-delay: -.4998s;
	animation-delay: -.4998s
}

.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8 {
	-webkit-transform: rotate(210deg) translateY(-142%);
	-ms-transform: rotate(210deg) translateY(-142%);
	transform: rotate(210deg) translateY(-142%);
	-webkit-animation-delay: -.4165s;
	animation-delay: -.4165s
}

.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9 {
	-webkit-transform: rotate(240deg) translateY(-142%);
	-ms-transform: rotate(240deg) translateY(-142%);
	transform: rotate(240deg) translateY(-142%);
	-webkit-animation-delay: -.3332s;
	animation-delay: -.3332s
}

.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10 {
	-webkit-transform: rotate(270deg) translateY(-142%);
	-ms-transform: rotate(270deg) translateY(-142%);
	transform: rotate(270deg) translateY(-142%);
	-webkit-animation-delay: -.2499s;
	animation-delay: -.2499s
}

.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11 {
	-webkit-transform: rotate(300deg) translateY(-142%);
	-ms-transform: rotate(300deg) translateY(-142%);
	transform: rotate(300deg) translateY(-142%);
	-webkit-animation-delay: -.1666s;
	animation-delay: -.1666s
}

.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12 {
	-webkit-transform: rotate(330deg) translateY(-142%);
	-ms-transform: rotate(330deg) translateY(-142%);
	transform: rotate(330deg) translateY(-142%);
	-webkit-animation-delay: -.0833s;
	animation-delay: -.0833s
}

@-webkit-keyframes fade {
	0% {
		opacity: 1
	}
	to {
		opacity: .25
	}
}

@keyframes fade {
	0% {
		opacity: 1
	}
	to {
		opacity: .25
	}
}

.xgplayer-skin-default.xgplayer-is-enter .xgplayer-enter {
	display: block
}

.xgplayer-skin-default .xgplayer-poster {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-size: cover;
	background-position: 50%
}

.xgplayer-skin-default.xgplayer-nostart .xgplayer-poster {
	display: block
}

.xgplayer-skin-default .xgplayer-placeholder {
	-webkit-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	-webkit-order: 3;
	-moz-box-ordinal-group: 4;
	order: 3;
	display: block
}

.xgplayer-skin-default .xgplayer-fullscreen,
.xgplayer-skin-default .xgplayer-fullscreen-img {
	position: relative;
	-webkit-order: 13;
	-moz-box-ordinal-group: 14;
	order: 13;
	display: block;
	cursor: pointer;
	margin-left: 5px;
	margin-right: 3px
}

.xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-icon,
.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-icon {
	margin-top: 3px
}

.xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-icon div,
.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-icon div {
	position: absolute
}

.xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-requestfull,
.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-requestfull {
	display: block
}

.xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-exitfull,
.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-exitfull {
	display: none
}

.xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-tips,
.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-tips {
	position: absolute;
	right: 0;
	left: auto
}

.xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-requestfull,
.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-requestfull {
	display: block
}

.xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-exitfull,
.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-exitfull {
	display: none
}

.xgplayer-skin-default .xgplayer-fullscreen-img:hover,
.xgplayer-skin-default .xgplayer-fullscreen:hover {
	opacity: .85
}

.xgplayer-skin-default .xgplayer-fullscreen-img:hover .xgplayer-tips,
.xgplayer-skin-default .xgplayer-fullscreen:hover .xgplayer-tips {
	display: block
}

.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-requestfull,
.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-requestfull,
.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-requestfull,
.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-requestfull {
	display: none
}

.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-exitfull,
.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-exitfull,
.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-exitfull,
.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-exitfull {
	display: block
}

.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-requestfull,
.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-requestfull,
.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-requestfull,
.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-requestfull {
	display: none
}

.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-exitfull,
.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-exitfull,
.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-exitfull,
.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-exitfull {
	display: block
}

.xgplayer-skin-default .xgplayer-cssfullscreen,
.xgplayer-skin-default .xgplayer-cssfullscreen-img {
	position: relative;
	-webkit-order: 12;
	-moz-box-ordinal-group: 13;
	order: 12;
	display: block;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-icon,
.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-icon {
	width: 32px;
	margin-top: 5px
}

.xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-icon div,
.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-icon div {
	position: absolute
}

.xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-icon .xgplayer-icon-requestfull,
.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-icon .xgplayer-icon-requestfull {
	display: block
}

.xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-icon .xgplayer-icon-exitfull,
.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-icon .xgplayer-icon-exitfull {
	display: none
}

.xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-tips,
.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-tips {
	margin-left: -40px
}

.xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-tips .xgplayer-tip-requestfull,
.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-tips .xgplayer-tip-requestfull {
	display: block
}

.xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-tips .xgplayer-tip-exitfull,
.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-tips .xgplayer-tip-exitfull {
	display: none
}

.xgplayer-skin-default .xgplayer-cssfullscreen-img:hover,
.xgplayer-skin-default .xgplayer-cssfullscreen:hover {
	opacity: .85
}

.xgplayer-skin-default .xgplayer-cssfullscreen-img:hover .xgplayer-tips,
.xgplayer-skin-default .xgplayer-cssfullscreen:hover .xgplayer-tips {
	display: block
}

.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-icon .xgplayer-icon-requestfull,
.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-icon .xgplayer-icon-requestfull {
	display: none
}

.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-icon .xgplayer-icon-exitfull,
.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-icon .xgplayer-icon-exitfull {
	display: block
}

.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips,
.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips {
	margin-left: -47px
}

.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips .xgplayer-tip-requestfull,
.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips .xgplayer-tip-requestfull {
	display: none
}

.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips .xgplayer-tip-exitfull,
.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips .xgplayer-tip-exitfull {
	display: block
}

.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-cssfullscreen,
.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-cssfullscreen-img {
	display: none
}

.xgplayer-skin-default.xgplayer-is-cssfullscreen {
	position: fixed!important;
	left: 0!important;
	top: 0!important;
	width: 100%!important;
	height: 100%!important;
	z-index: 99999!important
}

.lang-is-en .xgplayer-cssfullscreen-img .xgplayer-tips,
.lang-is-en .xgplayer-cssfullscreen .xgplayer-tips,
.lang-is-en.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips,
.lang-is-en.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips {
	margin-left: -46px
}

.lang-is-jp .xgplayer-cssfullscreen-img .xgplayer-tips,
.lang-is-jp .xgplayer-cssfullscreen .xgplayer-tips {
	margin-left: -120px
}

.lang-is-jp.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips,
.lang-is-jp.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips {
	margin-left: -60px
}

.xgplayer-skin-default .xgplayer-volume {
	outline: none;
	-webkit-order: 4;
	-moz-box-ordinal-group: 5;
	order: 4;
	width: 40px;
	height: 40px;
	display: block;
	position: relative;
	z-index: 18
}

.xgplayer-skin-default .xgplayer-volume .xgplayer-icon {
	margin-top: 8px;
	cursor: pointer;
	position: absolute;
	bottom: -9px
}

.xgplayer-skin-default .xgplayer-volume .xgplayer-icon div {
	position: absolute
}

.xgplayer-skin-default .xgplayer-volume .xgplayer-icon .xgplayer-icon-large {
	display: block
}

.xgplayer-skin-default .xgplayer-volume .xgplayer-icon .xgplayer-icon-muted,
.xgplayer-skin-default .xgplayer-volume .xgplayer-icon .xgplayer-icon-small {
	display: none
}

.xgplayer-skin-default .xgplayer-slider {
	display: none;
	position: absolute;
	width: 28px;
	height: 92px;
	background: rgba(0, 0, 0, .54);
	border-radius: 1px;
	bottom: 42px;
	outline: none
}

.xgplayer-skin-default .xgplayer-slider:after {
	content: " ";
	display: block;
	height: 15px;
	width: 28px;
	position: absolute;
	bottom: -15px;
	left: 0;
	z-index: 20
}

.xgplayer-skin-default .xgplayer-bar,
.xgplayer-skin-default .xgplayer-drag {
	display: block;
	position: absolute;
	bottom: 6px;
	left: 12px;
	background: hsla(0, 0%, 100%, .3);
	border-radius: 100px;
	width: 4px;
	height: 76px;
	outline: none;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-drag {
	bottom: 0;
	left: 0;
	background: #fa1f41;
	max-height: 76px
}

.xgplayer-skin-default .xgplayer-drag:after {
	content: " ";
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #fff;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .26);
	position: absolute;
	border-radius: 50%;
	left: -2px;
	top: -6px
}

.xgplayer-skin-default.xgplayer-volume-active .xgplayer-slider,
.xgplayer-skin-default.xgplayer-volume-large .xgplayer-volume .xgplayer-icon .xgplayer-icon-large {
	display: block
}

.xgplayer-skin-default.xgplayer-volume-large .xgplayer-volume .xgplayer-icon .xgplayer-icon-muted,
.xgplayer-skin-default.xgplayer-volume-large .xgplayer-volume .xgplayer-icon .xgplayer-icon-small,
.xgplayer-skin-default.xgplayer-volume-small .xgplayer-volume .xgplayer-icon .xgplayer-icon-large {
	display: none
}

.xgplayer-skin-default.xgplayer-volume-small .xgplayer-volume .xgplayer-icon .xgplayer-icon-small {
	display: block
}

.xgplayer-skin-default.xgplayer-volume-muted .xgplayer-volume .xgplayer-icon .xgplayer-icon-large,
.xgplayer-skin-default.xgplayer-volume-muted .xgplayer-volume .xgplayer-icon .xgplayer-icon-small,
.xgplayer-skin-default.xgplayer-volume-small .xgplayer-volume .xgplayer-icon .xgplayer-icon-muted {
	display: none
}

.xgplayer-skin-default.xgplayer-volume-muted .xgplayer-volume .xgplayer-icon .xgplayer-icon-muted {
	display: block
}

.xgplayer-skin-default.xgplayer-mobile .xgplayer-volume .xgplayer-slider {
	display: none
}

.xgplayer-skin-default .xgplayer-definition {
	-webkit-order: 5;
	-moz-box-ordinal-group: 6;
	order: 5;
	width: 60px;
	height: 42px;
	z-index: 18;
	position: relative;
	outline: none;
	display: none;
	cursor: default;
	margin-left: 10px;
	margin-top: -7px
}

.xgplayer-skin-default .xgplayer-definition ul {
	display: none;
	list-style: none;
	width: 78px;
	background: rgba(0, 0, 0, .54);
	border-radius: 1px;
	position: absolute;
	bottom: 42px;
	left: 0;
	text-align: center;
	white-space: nowrap;
	margin-left: -10px;
	z-index: 26;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-definition ul li {
	opacity: .7;
	font-family: PingFangSC-Regular;
	font-size: 11px;
	color: hsla(0, 0%, 100%, .8);
	padding: 6px 13px
}

.xgplayer-skin-default .xgplayer-definition ul li.selected,
.xgplayer-skin-default .xgplayer-definition ul li:hover {
	color: #fff;
	opacity: 1
}

.xgplayer-skin-default .xgplayer-definition .name {
	text-align: center;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	cursor: pointer;
	color: hsla(0, 0%, 100%, .8);
	position: absolute;
	bottom: 5px;
	width: 60px;
	height: 20px;
	line-height: 20px;
	background: rgba(0, 0, 0, .38);
	border-radius: 10px;
	display: inline-block;
	vertical-align: middle
}

.xgplayer-skin-default.xgplayer-definition-active .xgplayer-definition ul,
.xgplayer-skin-default.xgplayer-is-definition .xgplayer-definition {
	display: block
}

.xgplayer-skin-default .xgplayer-time {
	-webkit-order: 2;
	-moz-box-ordinal-group: 3;
	order: 2;
	font-family: ArialMT;
	font-size: 13px;
	color: #fff;
	line-height: 40px;
	height: 40px;
	text-align: center;
	display: inline-block;
	margin: auto 8px
}

.xgplayer-skin-default .xgplayer-time span {
	color: hsla(0, 0%, 100%, .5)
}

.xgplayer-skin-default .xgplayer-time .xgplayer-time-current {
	color: #fff
}

.xgplayer-skin-default .xgplayer-time .xgplayer-time-current:after {
	content: "/";
	display: inline-block;
	padding: 0 3px
}

.xgplayer-skin-default .xgplayer-controls {
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40px;
	background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .37), rgba(0, 0, 0, .75), rgba(0, 0, 0, .75));
	z-index: 10
}

.xgplayer-skin-default.no-controls .xgplayer-controls,
.xgplayer-skin-default.xgplayer-inactive .xgplayer-controls,
.xgplayer-skin-default.xgplayer-is-live .xgplayer-controls .xgplayer-progress,
.xgplayer-skin-default.xgplayer-is-live .xgplayer-controls .xgplayer-time,
.xgplayer-skin-default.xgplayer-nostart .xgplayer-controls {
	display: none
}

.xgplayer-skin-default.xgplayer-is-live .xgplayer-controls .xgplayer-live {
	display: block
}

.xgplayer-skin-default .xgplayer-live {
	display: block;
	font-size: 12px;
	color: #fff;
	line-height: 40px;
	-webkit-order: 1;
	-moz-box-ordinal-group: 2;
	order: 1
}

.xgplayer-skin-default .xgplayer-loading {
	display: none;
	width: 100px;
	height: 100px;
	overflow: hidden;
	-webkit-transform: scale(.7);
	-ms-transform: scale(.7);
	transform: scale(.7);
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -50px auto auto -50px
}

.xgplayer-skin-default .xgplayer-loading svg {
	border-radius: 50%;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-animation: loadingRotate 1s linear infinite;
	animation: loadingRotate 1s linear infinite
}

.xgplayer-skin-default .xgplayer-loading svg path {
	stroke: #ddd;
	stroke-dasharray: 236;
	-webkit-animation: loadingDashOffset 2s linear infinite;
	animation: loadingDashOffset 2s linear infinite;
	animation-direction: alternate-reverse;
	fill: none;
	stroke-width: 12px
}

.xgplayer-skin-default.xgplayer-nostart .xgplayer-loading {
	display: none
}

.xgplayer-skin-default.xgplayer-pause .xgplayer-loading {
	display: none!important
}

.xgplayer-skin-default.xgplayer-isloading .xgplayer-loading {
	display: block
}

.xgplayer-skin-default .xgplayer-progress {
	display: block;
	position: absolute;
	height: 20px;
	line-height: 20px;
	left: 12px;
	right: 12px;
	outline: none;
	top: -15px;
	z-index: 35
}

.xgplayer-skin-default .xgplayer-progress-outer {
	background: hsla(0, 0%, 100%, .3);
	display: block;
	height: 3px;
	line-height: 3px;
	margin-top: 8.5px;
	width: 100%;
	position: relative;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-progress-cache,
.xgplayer-skin-default .xgplayer-progress-played {
	display: block;
	height: 100%;
	line-height: 1;
	position: absolute;
	left: 0;
	top: 0
}

.xgplayer-skin-default .xgplayer-progress-cache {
	width: 0;
	background: hsla(0, 0%, 100%, .5)
}

.xgplayer-skin-default .xgplayer-progress-played {
	display: block;
	width: 0;
	background-image: linear-gradient(-90deg, #fa1f41, #e31106);
	border-radius: 0 1.5px 1.5px 0
}

.xgplayer-skin-default .xgplayer-progress-btn {
	display: none;
	position: absolute;
	left: 0;
	top: -5px;
	width: 13px;
	height: 13px;
	border-radius: 30px;
	background: #fff;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .26);
	left: 100%;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%)
}

.xgplayer-skin-default .xgplayer-progress-point {
	position: absolute
}

.xgplayer-skin-default .xgplayer-progress-point.xgplayer-tips {
	margin-left: 0;
	top: -25px;
	display: none;
	z-index: 100
}

.xgplayer-skin-default .xgplayer-progress-dot {
	display: inline-block;
	position: absolute;
	height: 3px;
	width: 5px;
	top: 0;
	background: #fff;
	border-radius: 6px;
	z-index: 16
}

.xgplayer-skin-default .xgplayer-progress-dot .xgplayer-progress-tip {
	position: absolute;
	left: 0;
	top: -40px;
	height: auto;
	line-height: 30px;
	width: auto;
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
	background: rgba(0, 0, 0, .3);
	border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, .8);
	cursor: default;
	white-space: nowrap;
	display: none
}

.xgplayer-skin-default .xgplayer-progress-dot-show .xgplayer-progress-tip {
	display: block
}

.xgplayer-skin-default .xgplayer-progress-thumbnail {
	position: absolute;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.xgplayer-skin-default .xgplayer-progress-thumbnail.xgplayer-tips {
	margin-left: 0;
	display: none;
	z-index: 99
}

.xgplayer-skin-default .xgplayer-progress:focus .xgplayer-progress-outer,
.xgplayer-skin-default .xgplayer-progress:hover .xgplayer-progress-outer {
	height: 6px;
	margin-top: 7px
}

.xgplayer-skin-default .xgplayer-progress:focus .xgplayer-progress-dot,
.xgplayer-skin-default .xgplayer-progress:hover .xgplayer-progress-dot {
	height: 6px
}

.xgplayer-skin-default .xgplayer-progress:focus .xgplayer-progress-btn,
.xgplayer-skin-default .xgplayer-progress:hover .xgplayer-progress-btn {
	display: block;
	top: -3px
}

.xgplayer-skin-default.xgplayer-definition-active .xgplayer-progress,
.xgplayer-skin-default.xgplayer-playbackrate-active .xgplayer-progress,
.xgplayer-skin-default.xgplayer-texttrack-active .xgplayer-progress,
.xgplayer-skin-default.xgplayer-volume-active .xgplayer-progress {
	z-index: 15
}

.xgplayer-skin-default.xgplayer-mobile .xgplayer-progress-btn {
	display: block!important
}

.xgplayer-skin-default.xgplayer-mobile .xgplayer-progress:focus .xgplayer-progress-outer,
.xgplayer-skin-default.xgplayer-mobile .xgplayer-progress:hover .xgplayer-progress-outer {
	height: 3px!important;
	margin-top: 8.5px!important
}

.xgplayer-skin-default.xgplayer-mobile .xgplayer-progress:focus .xgplayer-progress-btn,
.xgplayer-skin-default.xgplayer-mobile .xgplayer-progress:hover .xgplayer-progress-btn {
	display: block!important;
	top: -5px!important
}

.xgplayer-skin-default .xgplayer-replay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 105;
	display: none;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	background: rgba(0, 0, 0, .54);
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column
}

.xgplayer-skin-default .xgplayer-replay svg {
	background: rgba(0, 0, 0, .58);
	border-radius: 100%;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-replay svg path {
	-webkit-transform: translate(20px, 21px);
	-ms-transform: translate(20px, 21px);
	transform: translate(20px, 21px);
	fill: #ddd
}

.xgplayer-skin-default .xgplayer-replay svg:hover {
	background: rgba(0, 0, 0, .38)
}

.xgplayer-skin-default .xgplayer-replay svg:hover path {
	fill: #fff
}

.xgplayer-skin-default .xgplayer-replay .xgplayer-replay-txt {
	display: inline-block;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #fff;
	line-height: 34px
}

.xgplayer-skin-default.xgplayer.xgplayer-ended .xgplayer-controls {
	display: none
}

.xgplayer-skin-default.xgplayer.xgplayer-ended .xgplayer-replay {
	display: -webkit-flex;
	display: -moz-box;
	display: flex
}

.xgplayer-skin-default .xgplayer-playbackrate {
	-webkit-order: 8;
	-moz-box-ordinal-group: 9;
	order: 8;
	width: 60px;
	height: 20px;
	z-index: 18;
	position: relative;
	display: inline-block;
	cursor: default
}

.xgplayer-skin-default .xgplayer-playbackrate ul {
	display: none;
	list-style: none;
	width: 78px;
	background: rgba(0, 0, 0, .54);
	border-radius: 1px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: left;
	white-space: nowrap;
	z-index: 26;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-playbackrate ul li {
	opacity: .7;
	font-family: PingFangSC-Regular;
	font-size: 11px;
	color: hsla(0, 0%, 100%, .8);
	position: relative;
	padding: 4px 0;
	text-align: center
}

.xgplayer-skin-default .xgplayer-playbackrate ul li.selected,
.xgplayer-skin-default .xgplayer-playbackrate ul li:hover {
	color: #fff;
	opacity: 1
}

.xgplayer-skin-default .xgplayer-playbackrate ul li:first-child {
	position: relative;
	margin-top: 12px
}

.xgplayer-skin-default .xgplayer-playbackrate ul li:last-child {
	position: relative;
	margin-bottom: 12px
}

.xgplayer-skin-default .xgplayer-playbackrate .name {
	height: 20px;
	position: relative;
	top: 11px;
	text-align: center;
	background: rgba(0, 0, 0, .38);
	color: hsla(0, 0%, 100%, .8);
	border-radius: 10px;
	line-height: 20px
}

.xgplayer-skin-default .xgplayer-playbackrate span {
	position: relative;
	top: 19px;
	font-weight: 700;
	text-shadow: 0 0 4px rgba(0, 0, 0, .6)
}

.xgplayer-skin-default .xgplayer-playbackrate:hover {
	opacity: 1
}

.xgplayer-skin-default.xgplayer-playbackrate-active .xgplayer-playbackrate ul {
	display: block
}

.xgplayer-skin-default .xgplayer-download {
	position: relative;
	-webkit-order: 9;
	-moz-box-ordinal-group: 10;
	order: 9;
	display: block;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-download .xgplayer-icon {
	margin-top: 3px
}

.xgplayer-skin-default .xgplayer-download .xgplayer-icon div {
	position: absolute
}

.xgplayer-skin-default .xgplayer-download .xgplayer-icon svg {
	position: relative;
	top: 5px;
	left: 5px
}

.xgplayer-skin-default .xgplayer-download .xgplayer-tips {
	margin-left: -20px
}

.xgplayer-skin-default .xgplayer-download .xgplayer-tips .xgplayer-tip-download {
	display: block
}

.xgplayer-skin-default .xgplayer-download:hover {
	opacity: .85
}

.xgplayer-skin-default .xgplayer-download:hover .xgplayer-tips {
	display: block
}

.lang-is-en .xgplayer-download .xgplayer-tips {
	margin-left: -32px
}

.lang-is-jp .xgplayer-download .xgplayer-tips {
	margin-left: -40px
}

.xgplayer-skin-default .danmu-switch {
	-webkit-order: 6;
	-moz-box-ordinal-group: 7;
	order: 6;
	z-index: 26
}

.xgplayer-skin-default .xgplayer-danmu {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	overflow: hidden;
	z-index: 9;
	outline: none
}

.xgplayer-skin-default .xgplayer-danmu>* {
	position: absolute;
	white-space: nowrap;
	z-index: 9
}

.xgplayer-skin-default .xgplayer-danmu.xgplayer-has-danmu {
	display: block
}

.xgplayer-skin-default .xgplayer-panel {
	outline: none;
	-webkit-order: 7;
	-moz-box-ordinal-group: 8;
	order: 7;
	width: 40px;
	height: 40px;
	display: inline-block;
	position: relative;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	color: hsla(0, 0%, 100%, .8);
	z-index: 36
}

.xgplayer-skin-default .xgplayer-panel .xgplayer-panel-icon {
	cursor: pointer;
	position: absolute;
	margin-left: 5px;
	top: 10px
}

.xgplayer-skin-default .xgplayer-panel-active {
	display: block!important;
	bottom: 30px
}

.xgplayer-skin-default .xgplayer-panel-slider {
	z-index: 36;
	display: none;
	position: absolute;
	width: 230px;
	height: 230px;
	background: rgba(0, 0, 0, .54);
	border-radius: 1px;
	padding: 10px 20px;
	outline: none;
	left: -115px;
	bottom: 40px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-hidemode {
	padding-bottom: 10px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-hidemode-radio li {
	display: inline;
	list-style: none;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-hidemode ul {
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-hidemode li {
	margin: 0 12px;
	font-size: 11px;
	color: #aaa
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-hidemode-font {
	margin-bottom: 10px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency {
	display: block;
	margin-top: 10px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-line {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	outline: none;
	width: 150px;
	height: 4px;
	background: #aaa;
	border-radius: 4px;
	border-style: none;
	margin-left: 10px;
	margin-top: -2px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-line::-moz-focus-outer {
	border: 0!important
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-color::-webkit-slider-runnable-track {
	outline: none;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-color::-moz-range-track {
	outline: none;
	background-color: #aaa;
	border-color: transparent;
	cursor: pointer;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-color::-ms-track {
	outline: none;
	background-color: #aaa;
	color: transparent;
	border-color: transparent;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-webkit-slider-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 6px;
	width: 6px;
	margin-top: -4px;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-moz-range-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 0;
	width: 0;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-ms-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 6px;
	width: 6px;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-moz-range-progress {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 4px;
	border-radius: 4px;
	background: linear-gradient(90deg, #f85959, #f85959 100%, #aaa)
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea {
	display: block;
	margin-top: 8px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-name {
	display: inline-block;
	position: relative;
	top: -10px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-control {
	display: inline-block
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-control-up {
	width: 150px;
	margin-left: 10px;
	display: -moz-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	color: #aaa
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-control-down {
	position: relative;
	top: -10px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-control-down-dots {
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	width: 150px;
	margin-left: 10px;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-threequarters,
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-twoquarters {
	margin-left: -6px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-full {
	margin-right: 3px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-line {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	outline: none;
	width: 150px;
	height: 4px;
	background: #aaa;
	border-radius: 4px;
	border-style: none;
	margin-left: 10px;
	margin-top: -2px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-line::-moz-focus-outer {
	border: 0!important
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-color::-webkit-slider-runnable-track {
	outline: none;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-color::-moz-range-track {
	outline: none;
	background-color: #aaa;
	border-color: transparent;
	cursor: pointer;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-color::-ms-track {
	outline: none;
	background-color: #aaa;
	color: transparent;
	border-color: transparent;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-bar::-webkit-slider-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 6px;
	width: 6px;
	margin-top: -4px;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-bar::-moz-range-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 0;
	width: 0;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-bar::-ms-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 6px;
	width: 6px;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-full-dot,
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-onequarters-dot,
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-threequarters-dot,
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-twoquarters-dot,
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-zero-dot {
	width: 3px;
	height: 3px;
	border: 3px solid #aaa;
	border-radius: 50%;
	background-color: #aaa;
	position: relative;
	top: 16px;
	z-index: -1
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed {
	display: block
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed-name {
	display: inline-block;
	position: relative;
	top: -10px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed-control {
	display: inline-block
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed-control-up {
	width: 150px;
	margin-left: 10px;
	display: -moz-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	color: #aaa
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed-control-down {
	position: relative;
	top: -10px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed-control-down-dots {
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	width: 150px;
	margin-left: 10px;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-line {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	outline: none;
	width: 150px;
	height: 4px;
	background: #aaa;
	border-radius: 4px;
	border-style: none;
	margin-left: 10px;
	margin-top: -2px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-line::-moz-focus-outer {
	border: 0!important
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-color::-webkit-slider-runnable-track {
	outline: none;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-color::-moz-range-track {
	outline: none;
	background-color: #aaa;
	border-color: transparent;
	cursor: pointer;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-color::-ms-track {
	outline: none;
	background-color: #aaa;
	color: transparent;
	border-color: transparent;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-bar::-webkit-slider-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 6px;
	width: 6px;
	margin-top: -4px;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-bar::-moz-range-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 0;
	width: 0;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-bar::-ms-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 6px;
	width: 6px;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-large-dot,
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-middle-dot,
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-small-dot {
	width: 3px;
	height: 3px;
	border: 3px solid #aaa;
	border-radius: 50%;
	background-color: #aaa;
	position: relative;
	top: 16px;
	z-index: -1
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont {
	display: block
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont-name {
	display: inline-block;
	position: relative;
	top: -10px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont-control {
	display: inline-block
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont-control-up {
	width: 150px;
	margin-left: 10px;
	display: -moz-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	color: #aaa
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont-control-down {
	position: relative;
	top: -10px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont-control-down-dots {
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	width: 150px;
	margin-left: 10px;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-line {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	outline: none;
	width: 150px;
	height: 4px;
	background: #aaa;
	border-radius: 4px;
	border-style: none;
	margin-left: 10px;
	margin-top: -2px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-line::-moz-focus-outer {
	border: 0!important
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-color::-webkit-slider-runnable-track {
	outline: none;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-color::-moz-range-track {
	outline: none;
	background-color: #aaa;
	border-color: transparent;
	cursor: pointer;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-color::-ms-track {
	outline: none;
	background-color: #aaa;
	color: transparent;
	border-color: transparent;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-bar::-webkit-slider-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 6px;
	width: 6px;
	margin-top: -4px;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-bar::-moz-range-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 0;
	width: 0;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-bar::-ms-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 6px;
	width: 6px;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-large-dot,
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-middle-dot,
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-small-dot {
	width: 3px;
	height: 3px;
	border: 3px solid #aaa;
	border-radius: 50%;
	background-color: #aaa;
	position: relative;
	top: 16px;
	z-index: -1
}

.xgplayer-skin-default .xgplayer-playnext {
	position: relative;
	-webkit-order: 1;
	-moz-box-ordinal-group: 2;
	order: 1;
	display: block;
	cursor: pointer;
	top: -2px
}

.xgplayer-skin-default .xgplayer-playnext .xgplayer-icon div {
	position: absolute
}

.xgplayer-skin-default .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext {
	display: block
}

.xgplayer-skin-default .xgplayer-playnext:hover {
	opacity: .85
}

.xgplayer-skin-default .xgplayer-playnext:hover .xgplayer-tips {
	display: block
}

.lang-is-en .xgplayer-playnext .xgplayer-tips {
	margin-left: -25px
}

.lang-is-jp .xgplayer-playnext .xgplayer-tips {
	margin-left: -38px
}

.xgplayer-skin-default.xgplayer-playnext-inactive .xgplayer-playnext {
	display: none
}

.xgplayer-skin-default .xgplayer-pip {
	-webkit-order: 9;
	-moz-box-ordinal-group: 10;
	order: 9;
	position: relative;
	outline: none;
	display: block;
	cursor: pointer;
	height: 20px;
	top: 8px
}

.xgplayer-skin-default .xgplayer-pip .name {
	text-align: center;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	line-height: 20px;
	height: 20px;
	color: hsla(0, 0%, 100%, .8)
}

.xgplayer-skin-default .xgplayer-pip .name span {
	width: 60px;
	height: 20px;
	line-height: 20px;
	background: rgba(0, 0, 0, .38);
	border-radius: 10px;
	display: inline-block;
	vertical-align: middle
}

.xgplayer-skin-default .xgplayer-pip-lay {
	position: absolute;
	top: 26px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 130;
	cursor: pointer;
	background-color: transparent;
	display: none
}

.xgplayer-skin-default .xgplayer-pip-lay div {
	width: 100%;
	height: 100%
}

.xgplayer-skin-default .xgplayer-pip-drag {
	cursor: move;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 26px;
	line-height: 26px;
	background-image: linear-gradient(rgba(0, 0, 0, .3), transparent);
	z-index: 130;
	display: none
}

.xgplayer-skin-default.xgplayer-pip-active {
	position: fixed;
	right: 0;
	bottom: 200px;
	width: 320px!important;
	height: 180px!important;
	z-index: 110!important
}

.xgplayer-skin-default.xgplayer-pip-active .xgplayer-controls,
.xgplayer-skin-default.xgplayer-pip-active .xgplayer-danmu {
	display: none
}

.xgplayer-skin-default.xgplayer-pip-active .xgplayer-pip-lay {
	display: block
}

.xgplayer-skin-default.xgplayer-pip-active .xgplayer-pip-drag {
	display: -webkit-flex;
	display: -moz-box;
	display: flex
}

.xgplayer-skin-default.xgplayer-inactive .xgplayer-pip-drag {
	display: none
}

.lang-is-jp .xgplayer-pip .name span {
	width: 70px;
	height: 20px
}

.xgplayer-skin-default .xgplayer-rotate {
	position: relative;
	-webkit-order: 10;
	-moz-box-ordinal-group: 11;
	order: 10;
	display: block;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-rotate .xgplayer-icon {
	margin-top: 7px;
	width: 26px
}

.xgplayer-skin-default .xgplayer-rotate .xgplayer-icon div {
	position: absolute
}

.xgplayer-skin-default .xgplayer-rotate .xgplayer-tips {
	margin-left: -22px
}

.xgplayer-skin-default .xgplayer-rotate .xgplayer-tips .xgplayer-tip-rotate {
	display: block
}

.xgplayer-skin-default .xgplayer-rotate:hover {
	opacity: .85
}

.xgplayer-skin-default .xgplayer-rotate:hover .xgplayer-tips {
	display: block
}

.lang-is-en .xgplayer-rotate .xgplayer-tips {
	margin-left: -26px
}

.lang-is-jp .xgplayer-rotate .xgplayer-tips {
	margin-left: -38px
}

.xgplayer-skin-default .xgplayer-reload {
	position: relative;
	-webkit-order: 1;
	-moz-box-ordinal-group: 2;
	order: 1;
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-reload .xgplayer-icon {
	margin-top: 7px;
	width: 26px
}

.xgplayer-skin-default .xgplayer-reload .xgplayer-icon div {
	position: absolute
}

.xgplayer-skin-default .xgplayer-reload .xgplayer-tips {
	margin-left: -22px
}

.xgplayer-skin-default .xgplayer-reload .xgplayer-tips .xgplayer-tip-reload {
	display: block
}

.xgplayer-skin-default .xgplayer-reload:hover {
	opacity: .85
}

.xgplayer-skin-default .xgplayer-reload:hover .xgplayer-tips {
	display: block
}

.lang-is-en .xgplayer-reload .xgplayer-tips {
	margin-left: -26px
}

.lang-is-jp .xgplayer-reload .xgplayer-tips {
	margin-left: -38px
}

.xgplayer-skin-default .xgplayer-screenshot {
	-webkit-order: 11;
	-moz-box-ordinal-group: 12;
	order: 11;
	position: relative;
	outline: none;
	display: block;
	cursor: pointer;
	height: 20px;
	top: 8px
}

.xgplayer-skin-default .xgplayer-screenshot .name {
	text-align: center;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	line-height: 20px;
	height: 20px;
	color: hsla(0, 0%, 100%, .8)
}

.xgplayer-skin-default .xgplayer-screenshot .name span {
	width: 60px;
	height: 20px;
	line-height: 20px;
	background: rgba(0, 0, 0, .38);
	border-radius: 10px;
	display: inline-block;
	vertical-align: middle
}

.lang-is-en .xgplayer-screenshot .name span,
.lang-is-jp .xgplayer-screenshot .name span {
	width: 75px;
	height: 20px
}

.xgplayer-skin-default .xgplayer-texttrack {
	-webkit-order: 7;
	-moz-box-ordinal-group: 8;
	order: 7;
	width: 60px;
	height: 150px;
	z-index: 18;
	position: relative;
	outline: none;
	display: none;
	cursor: default;
	margin-top: -119px
}

.xgplayer-skin-default .xgplayer-texttrack ul {
	display: none;
	list-style: none;
	min-width: 78px;
	background: rgba(0, 0, 0, .54);
	border-radius: 1px;
	position: absolute;
	bottom: 30px;
	text-align: center;
	white-space: nowrap;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	z-index: 26;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-texttrack ul li {
	opacity: .7;
	font-family: PingFangSC-Regular;
	font-size: 11px;
	color: hsla(0, 0%, 100%, .8);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: auto;
	padding: 6px 13px
}

.xgplayer-skin-default .xgplayer-texttrack ul li.selected,
.xgplayer-skin-default .xgplayer-texttrack ul li:hover {
	color: #fff;
	opacity: 1
}

.xgplayer-skin-default .xgplayer-texttrack .name {
	text-align: center;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	cursor: pointer;
	color: hsla(0, 0%, 100%, .8);
	position: absolute;
	bottom: 0;
	width: 60px;
	height: 20px;
	line-height: 20px;
	background: rgba(0, 0, 0, .38);
	border-radius: 10px;
	display: inline-block;
	vertical-align: middle
}

.xgplayer-skin-default.xgplayer-is-texttrack .xgplayer-texttrack,
.xgplayer-skin-default.xgplayer-texttrack-active .xgplayer-texttrack ul {
	display: block
}

.xgplayer-skin-default .xgplayer-icon {
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	fill: #fff
}

.xgplayer-skin-default .xgplayer-icon svg {
	position: absolute
}

.xgplayer-skin-default .xgplayer-tips {
	background: rgba(0, 0, 0, .54);
	border-radius: 1px;
	display: none;
	position: absolute;
	font-family: PingFangSC-Regular;
	font-size: 11px;
	color: #fff;
	padding: 2px 4px;
	text-align: center;
	top: -30px;
	left: 50%;
	margin-left: -16px;
	width: auto;
	white-space: nowrap
}

.xgplayer-skin-default.xgplayer-mobile .xgplayer-tips {
	display: none!important
}

.xgplayer-skin-default .xgplayer-error {
	background: #000;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 125;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 100%;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center
}

.xgplayer-skin-default .xgplayer-error .xgplayer-error-refresh {
	color: #fa1f41;
	padding: 0 3px;
	cursor: pointer
}

.xgplayer-skin-default .xgplayer-error .xgplayer-error-text {
	line-height: 18px;
	margin: auto 6px
}

.xgplayer-skin-default.xgplayer-is-error .xgplayer-error {
	display: -webkit-flex;
	display: -moz-box;
	display: flex
}

.xgplayer-skin-default .xgplayer-memoryplay-spot {
	position: absolute;
	height: 32px;
	left: 10px;
	bottom: 46px;
	background: rgba(0, 0, 0, .5);
	border-radius: 32px;
	line-height: 32px;
	color: #ddd;
	z-index: 15;
	padding: 0 32px 0 16px
}

.xgplayer-skin-default .xgplayer-memoryplay-spot .xgplayer-lasttime {
	color: red;
	font-weight: 700
}

.xgplayer-skin-default .xgplayer-memoryplay-spot .btn-close {
	position: absolute;
	width: 16px;
	height: 16px;
	right: 10px;
	top: 2px;
	cursor: pointer;
	color: #fff;
	font-size: 16px
}

.xgplayer-skin-default .xgplayer-airplay {
	position: relative;
	-webkit-order: 11;
	-moz-box-ordinal-group: 12;
	order: 11;
	display: block;
	cursor: pointer;
	margin-left: 5px;
	margin-right: 3px
}

.xgplayer-skin-default .xgplayer-airplay .xgplayer-icon {
	margin-top: 6px;
	margin-left: 6px
}

.xgplayer-skin-default .xgplayer-airplay .xgplayer-icon div {
	position: absolute
}

.xgplayer-skin-default .xgplayer-airplay .xgplayer-icon .xgplayer-icon-airplay {
	display: block
}

.xgplayer-skin-default .xgplayer-airplay .xgplayer-tips {
	position: absolute;
	right: 0;
	left: auto
}

.xgplayer-skin-default .xgplayer-airplay .xgplayer-tips .xgplayer-tip-airplay {
	display: block
}

.xgplayer-skin-default .xgplayer-airplay:hover {
	opacity: .85
}

.xgplayer-skin-default .xgplayer-airplay:hover .xgplayer-tips {
	display: block
}

.danmu {
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-ms-user-select: none
}

.danmu>* {
	position: absolute;
	white-space: nowrap
}

.danmu-switch {
	width: 32px;
	height: 20px;
	border-radius: 100px;
	background-color: #ccc;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	cursor: pointer;
	position: relative;
	text-align: center;
	margin: 10px auto
}

.danmu-switch.danmu-switch-active {
	padding-left: 12px;
	background-color: #f85959
}

.danmu-switch span.txt {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	display: block;
	border-radius: 100px;
	background-color: #ffffff;
	-webkit-box-shadow: -2px 0 0 0 rgba(0, 0, 0, .04);
	box-shadow: -2px 0 0 0 rgba(0, 0, 0, .04);
	font-family: PingFangSC;
	font-size: 10px;
	font-weight: 500;
	color: #f44336
}

.xgplayer-skin-skin {
	width: 960px;
	height: 540px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-ms-user-select: none
}

.xgplayer-skin-skin * {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

.xgplayer-skin-skin .xgplayer-none {
	display: none
}

.xgplayer-skin-skin.xgplayer-rotate-fullscreen {
	position: absolute;
	top: 0;
	left: 100%;
	bottom: 0;
	right: 0;
	height: 100vw !important;
	width: 100vh !important;
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg)
}

.xgplayer-skin-skin.xgplayer-is-fullscreen {
	width: 100% !important;
	height: 100% !important;
	padding-top: 0 !important;
	border-radius: 0 !important;
	z-index: 9999
}

.xgplayer-skin-skin.xgplayer-is-fullscreen.xgplayer-inactive {
	cursor: none
}

.xgplayer-skin-skin video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden;
	outline: none
}

.xgplayer-skin-skin .xgplayer-none {
	display: none
}

@-webkit-keyframes loadingRotate--8LCCq {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-moz-keyframes loadingRotate--8LCCq {
	0% {
		-moz-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes loadingRotate--8LCCq {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes loadingDashOffset--2DCMn {
	0% {
		stroke-dashoffset: 236
	}
	100% {
		stroke-dashoffset: 0
	}
}

@-moz-keyframes loadingDashOffset--2DCMn {
	0% {
		stroke-dashoffset: 236
	}
	100% {
		stroke-dashoffset: 0
	}
}

@keyframes loadingDashOffset--2DCMn {
	0% {
		stroke-dashoffset: 236
	}
	100% {
		stroke-dashoffset: 0
	}
}

.xgplayer-skin-skin .xgplayer-play,
.xgplayer-skin-skin .xgplayer-play-img {
	width: 40px;
	position: absolute;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 0;
	order: 0;
	display: block;
	cursor: pointer;
	margin-left: 3px;
	top: -50%;
	left: 50%;
	display: none
}

.xgplayer-skin-skin .xgplayer-play .xgplayer-icon,
.xgplayer-skin-skin .xgplayer-play-img .xgplayer-icon {
	margin-top: 3px;
	width: 32px
}

.xgplayer-skin-skin .xgplayer-play .xgplayer-icon div,
.xgplayer-skin-skin .xgplayer-play-img .xgplayer-icon div {
	position: absolute
}

.xgplayer-skin-skin .xgplayer-play .xgplayer-icon .xgplayer-icon-play,
.xgplayer-skin-skin .xgplayer-play-img .xgplayer-icon .xgplayer-icon-play {
	display: block
}

.xgplayer-skin-skin .xgplayer-play .xgplayer-icon .xgplayer-icon-pause,
.xgplayer-skin-skin .xgplayer-play-img .xgplayer-icon .xgplayer-icon-pause {
	display: none
}

.xgplayer-skin-skin .xgplayer-play .xgplayer-tips .xgplayer-tip-play,
.xgplayer-skin-skin .xgplayer-play-img .xgplayer-tips .xgplayer-tip-play {
	display: block
}

.xgplayer-skin-skin .xgplayer-play .xgplayer-tips .xgplayer-tip-pause,
.xgplayer-skin-skin .xgplayer-play-img .xgplayer-tips .xgplayer-tip-pause {
	display: none
}

.xgplayer-skin-skin .xgplayer-play:hover,
.xgplayer-skin-skin .xgplayer-play-img:hover {
	opacity: .85
}

.xgplayer-skin-skin .xgplayer-play:hover .xgplayer-tips,
.xgplayer-skin-skin .xgplayer-play-img:hover .xgplayer-tips {
	display: block
}

.xgplayer-skin-skin.xgplayer-playing .xgplayer-play .xgplayer-icon .xgplayer-icon-play,
.xgplayer-skin-skin.xgplayer-playing .xgplayer-play-img .xgplayer-icon .xgplayer-icon-play {
	display: none
}

.xgplayer-skin-skin.xgplayer-playing .xgplayer-play .xgplayer-icon .xgplayer-icon-pause,
.xgplayer-skin-skin.xgplayer-playing .xgplayer-play-img .xgplayer-icon .xgplayer-icon-pause {
	display: block
}

.xgplayer-skin-skin.xgplayer-playing .xgplayer-play .xgplayer-tips .xgplayer-tip-play,
.xgplayer-skin-skin.xgplayer-playing .xgplayer-play-img .xgplayer-tips .xgplayer-tip-play {
	display: none
}

.xgplayer-skin-skin.xgplayer-playing .xgplayer-play .xgplayer-tips .xgplayer-tip-pause,
.xgplayer-skin-skin.xgplayer-playing .xgplayer-play-img .xgplayer-tips .xgplayer-tip-pause {
	display: block
}

.xgplayer-skin-skin.xgplayer-pause .xgplayer-play .xgplayer-icon .xgplayer-icon-play,
.xgplayer-skin-skin.xgplayer-pause .xgplayer-play-img .xgplayer-icon .xgplayer-icon-play {
	display: block
}

.xgplayer-skin-skin.xgplayer-pause .xgplayer-play .xgplayer-icon .xgplayer-icon-pause,
.xgplayer-skin-skin.xgplayer-pause .xgplayer-play-img .xgplayer-icon .xgplayer-icon-pause {
	display: none
}

.xgplayer-skin-skin.xgplayer-pause .xgplayer-play .xgplayer-tips .xgplayer-tip-play,
.xgplayer-skin-skin.xgplayer-pause .xgplayer-play-img .xgplayer-tips .xgplayer-tip-play {
	display: block
}

.xgplayer-skin-skin.xgplayer-pause .xgplayer-play .xgplayer-tips .xgplayer-tip-pause,
.xgplayer-skin-skin.xgplayer-pause .xgplayer-play-img .xgplayer-tips .xgplayer-tip-pause {
	display: none
}

.xgplayer-skin-skin .xgplayer-start {
	border-radius: 50%;
	display: inline-block;
	width: 68px;
	height: 68px;
	background: rgba(255, 255, 255, 0.7);
	text-align: center;
	line-height: 70px;
	vertical-align: middle;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 115;
	margin: -35px auto auto -35px;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-start div svg {
	fill: #ff0050
}

.xgplayer-skin-skin .xgplayer-start .xgplayer-icon-play {
	display: block
}

.xgplayer-skin-skin .xgplayer-start .xgplayer-icon-play svg {
	-webkit-transform: translate(2px, 8px);
	-moz-transform: translate(2px, 8px);
	transform: translate(2px, 8px)
}

.xgplayer-skin-skin .xgplayer-start .xgplayer-icon-pause {
	display: block
}

.xgplayer-skin-skin .xgplayer-start .xgplayer-icon-pause svg {
	-webkit-transform: translate(1px, 6px);
	-moz-transform: translate(1px, 6px);
	transform: translate(1px, 6px)
}

.xgplayer-skin-skin .xgplayer-start:hover {
	opacity: .85
}

.xgplayer-skin-skin.xgplayer-playing .xgplayer-start .xgplayer-icon-play {
	display: none
}

.xgplayer-skin-skin.xgplayer-playing .xgplayer-start .xgplayer-icon-pause {
	display: block
}

.xgplayer-skin-skin.xgplayer-pause .xgplayer-start {
	display: inline-block
}

.xgplayer-skin-skin.xgplayer-pause .xgplayer-start .xgplayer-icon-play {
	display: block
}

.xgplayer-skin-skin.xgplayer-pause .xgplayer-start .xgplayer-icon-pause {
	display: none
}

.xgplayer-skin-skin.xgplayer-is-replay .xgplayer-start {
	display: none
}

.xgplayer-skin-skin.xgplayer-is-replay .xgplayer-start .xgplayer-icon-play {
	display: block
}

.xgplayer-skin-skin.xgplayer-is-replay .xgplayer-start .xgplayer-icon-pause {
	display: none
}

.xgplayer-skin-skin .xgplayer-enter {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: black;
	z-index: 120
}

.xgplayer-skin-skin .xgplayer-enter .xgplayer-enter-spinner {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100px;
	width: 100px;
	position: relative;
	-webkit-transform: translate(-40%, -40%) scale(0.6);
	-moz-transform: translate(-40%, -40%) scale(0.6);
	transform: translate(-40%, -40%) scale(0.6)
}

.xgplayer-skin-skin .xgplayer-enter .xgplayer-enter-spinner div {
	width: 12%;
	height: 26%;
	background-color: rgba(255, 255, 255, 0.7);
	position: absolute;
	left: 44%;
	top: 37%;
	opacity: 0;
	border-radius: 30px;
	-webkit-animation: fade 1s linear infinite;
	-moz-animation: fade 1s linear infinite;
	animation: fade 1s linear infinite
}

.xgplayer-skin-skin.xgplayer-is-enter .xgplayer-enter {
	display: block
}

.xgplayer-skin-skin .xgplayer-poster {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-size: cover;
	background-position: center center
}

.xgplayer-skin-skin.xgplayer-nostart .xgplayer-poster {
	display: block
}

.xgplayer-skin-skin .xgplayer-placeholder {
	-moz-box-flex: 1;
	-ms-flex: 1 1;
	flex: 1 1;
	-moz-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	display: block
}

.xgplayer-skin-skin .xgplayer-fullscreen,
.xgplayer-skin-skin .xgplayer-fullscreen-img {
	position: relative;
	-moz-box-ordinal-group: 14;
	-ms-flex-order: 13;
	order: 13;
	display: block;
	cursor: pointer;
	margin-left: 5px;
	margin-right: 3px;
	top: -22px
}

.xgplayer-skin-skin .xgplayer-fullscreen .xgplayer-icon,
.xgplayer-skin-skin .xgplayer-fullscreen-img .xgplayer-icon {
	margin-top: 3px
}

.xgplayer-skin-skin .xgplayer-fullscreen .xgplayer-icon div,
.xgplayer-skin-skin .xgplayer-fullscreen-img .xgplayer-icon div {
	position: absolute
}

.xgplayer-skin-skin .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-requestfull,
.xgplayer-skin-skin .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-requestfull {
	padding-top: 12px;
	display: block
}

.xgplayer-skin-skin .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-exitfull,
.xgplayer-skin-skin .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-exitfull {
	padding-top: 12px;
	display: none
}

.xgplayer-skin-skin .xgplayer-fullscreen .xgplayer-tips,
.xgplayer-skin-skin .xgplayer-fullscreen-img .xgplayer-tips {
	position: absolute;
	right: 0;
	left: auto
}

.xgplayer-skin-skin .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-requestfull,
.xgplayer-skin-skin .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-requestfull {
	padding-top: 12px;
	display: block
}

.xgplayer-skin-skin .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-exitfull,
.xgplayer-skin-skin .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-exitfull {
	padding-top: 12px;
	display: none
}

.xgplayer-skin-skin .xgplayer-fullscreen:hover,
.xgplayer-skin-skin .xgplayer-fullscreen-img:hover {
	opacity: .85
}

.xgplayer-skin-skin .xgplayer-fullscreen:hover .xgplayer-tips,
.xgplayer-skin-skin .xgplayer-fullscreen-img:hover .xgplayer-tips {
	display: block
}

.xgplayer-skin-skin.xgplayer-is-fullscreen .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-requestfull,
.xgplayer-skin-skin.xgplayer-is-fullscreen .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-requestfull,
.xgplayer-skin-skin.xgplayer-rotate-fullscreen .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-requestfull,
.xgplayer-skin-skin.xgplayer-rotate-fullscreen .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-requestfull {
	padding-top: 12px;
	display: none
}

.xgplayer-skin-skin.xgplayer-is-fullscreen .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-exitfull,
.xgplayer-skin-skin.xgplayer-is-fullscreen .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-exitfull,
.xgplayer-skin-skin.xgplayer-rotate-fullscreen .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-exitfull,
.xgplayer-skin-skin.xgplayer-rotate-fullscreen .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-exitfull {
	padding-top: 12px;
	display: block
}

.xgplayer-skin-skin.xgplayer-is-fullscreen .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-requestfull,
.xgplayer-skin-skin.xgplayer-is-fullscreen .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-requestfull,
.xgplayer-skin-skin.xgplayer-rotate-fullscreen .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-requestfull,
.xgplayer-skin-skin.xgplayer-rotate-fullscreen .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-requestfull {
	padding-top: 12px;
	display: none
}

.xgplayer-skin-skin.xgplayer-is-fullscreen .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-exitfull,
.xgplayer-skin-skin.xgplayer-is-fullscreen .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-exitfull,
.xgplayer-skin-skin.xgplayer-rotate-fullscreen .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-exitfull,
.xgplayer-skin-skin.xgplayer-rotate-fullscreen .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-exitfull {
	padding-top: 12px;
	display: block
}

.xgplayer-skin-skin .xgplayer-cssfullscreen,
.xgplayer-skin-skin .xgplayer-cssfullscreen-img {
	position: relative;
	-moz-box-ordinal-group: 13;
	-ms-flex-order: 12;
	order: 12;
	display: block;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-cssfullscreen .xgplayer-icon,
.xgplayer-skin-skin .xgplayer-cssfullscreen-img .xgplayer-icon {
	width: 32px;
	margin-top: 5px
}

.xgplayer-skin-skin .xgplayer-cssfullscreen .xgplayer-icon div,
.xgplayer-skin-skin .xgplayer-cssfullscreen-img .xgplayer-icon div {
	position: absolute
}

.xgplayer-skin-skin .xgplayer-cssfullscreen .xgplayer-icon .xgplayer-icon-requestfull,
.xgplayer-skin-skin .xgplayer-cssfullscreen-img .xgplayer-icon .xgplayer-icon-requestfull {
	display: block;
	padding-top: 12px
}

.xgplayer-skin-skin .xgplayer-cssfullscreen .xgplayer-icon .xgplayer-icon-exitfull,
.xgplayer-skin-skin .xgplayer-cssfullscreen-img .xgplayer-icon .xgplayer-icon-exitfull {
	display: none;
	padding-top: 12px
}

.xgplayer-skin-skin .xgplayer-cssfullscreen .xgplayer-tips,
.xgplayer-skin-skin .xgplayer-cssfullscreen-img .xgplayer-tips {
	margin-left: -40px
}

.xgplayer-skin-skin .xgplayer-cssfullscreen .xgplayer-tips .xgplayer-tip-requestfull,
.xgplayer-skin-skin .xgplayer-cssfullscreen-img .xgplayer-tips .xgplayer-tip-requestfull {
	display: block
}

.xgplayer-skin-skin .xgplayer-cssfullscreen .xgplayer-tips .xgplayer-tip-exitfull,
.xgplayer-skin-skin .xgplayer-cssfullscreen-img .xgplayer-tips .xgplayer-tip-exitfull {
	display: none
}

.xgplayer-skin-skin .xgplayer-cssfullscreen:hover,
.xgplayer-skin-skin .xgplayer-cssfullscreen-img:hover {
	opacity: .85
}

.xgplayer-skin-skin .xgplayer-cssfullscreen:hover .xgplayer-tips,
.xgplayer-skin-skin .xgplayer-cssfullscreen-img:hover .xgplayer-tips {
	display: block
}

.xgplayer-skin-skin.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-icon .xgplayer-icon-requestfull,
.xgplayer-skin-skin.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-icon .xgplayer-icon-requestfull {
	padding-top: 12px;
	display: none
}

.xgplayer-skin-skin.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-icon .xgplayer-icon-exitfull,
.xgplayer-skin-skin.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-icon .xgplayer-icon-exitfull {
	display: block
}

.xgplayer-skin-skin.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips,
.xgplayer-skin-skin.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips {
	margin-left: -47px
}

.xgplayer-skin-skin.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips .xgplayer-tip-requestfull,
.xgplayer-skin-skin.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips .xgplayer-tip-requestfull {
	display: none
}

.xgplayer-skin-skin.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips .xgplayer-tip-exitfull,
.xgplayer-skin-skin.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips .xgplayer-tip-exitfull {
	display: block
}

.xgplayer-skin-skin.xgplayer-is-fullscreen .xgplayer-cssfullscreen,
.xgplayer-skin-skin.xgplayer-is-fullscreen .xgplayer-cssfullscreen-img {
	display: none
}

.xgplayer-skin-skin.xgplayer-is-cssfullscreen {
	position: fixed !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 99999 !important
}

.lang-is-en .xgplayer-cssfullscreen .xgplayer-tips,
.lang-is-en .xgplayer-cssfullscreen-img .xgplayer-tips {
	margin-left: -46px
}

.lang-is-en.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips,
.lang-is-en.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips {
	margin-left: -46px
}

.lang-is-jp .xgplayer-cssfullscreen .xgplayer-tips,
.lang-is-jp .xgplayer-cssfullscreen-img .xgplayer-tips {
	margin-left: -120px
}

.lang-is-jp.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips,
.lang-is-jp.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips {
	margin-left: -60px
}

.xgplayer-skin-skin .xgplayer-volume {
	outline: none;
	-moz-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
	width: 40px;
	height: 40px;
	display: block;
	position: relative;
	z-index: 18;
	top: -23px
}

.xgplayer-skin-skin .xgplayer-volume .xgplayer-icon {
	margin-top: 8px;
	cursor: pointer;
	position: absolute;
	bottom: -9px
}

.xgplayer-skin-skin .xgplayer-volume .xgplayer-icon div {
	position: absolute
}

.xgplayer-skin-skin .xgplayer-volume .xgplayer-icon .xgplayer-icon-large {
	display: block
}

.xgplayer-skin-skin .xgplayer-volume .xgplayer-icon .xgplayer-icon-small {
	display: none
}

.xgplayer-skin-skin .xgplayer-volume .xgplayer-icon .xgplayer-icon-muted {
	display: none
}

.xgplayer-skin-skin .xgplayer-slider {
	display: none;
	position: absolute;
	width: 32px;
	height: 124px;
	background: rgba(0, 0, 0, 0.54);
	background: rgba(119, 126, 135, 0.3);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-radius: 27px;
	bottom: 42px;
	outline: none
}

.xgplayer-skin-skin .xgplayer-slider:after {
	content: " ";
	display: block;
	height: 15px;
	width: 28px;
	position: absolute;
	bottom: -15px;
	left: 0;
	z-index: 20
}

.xgplayer-skin-skin .xgplayer-bar,
.xgplayer-skin-skin .xgplayer-drag {
	display: block;
	position: absolute;
	bottom: 11px;
	left: 14px;
	background: rgba(255, 255, 255, 0.34);
	border-radius: 5px;
	width: 4px;
	height: 100px;
	outline: none;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-drag {
	bottom: 0;
	left: 0;
	background: #fa1f41;
	max-height: 100px
}

.xgplayer-skin-skin .xgplayer-drag:after {
	content: " ";
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #fff;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
	position: absolute;
	border-radius: 50%;
	left: -3px;
	top: -6px
}

.xgplayer-skin-skin.xgplayer-volume-active .xgplayer-slider {
	display: block
}

.xgplayer-skin-skin.xgplayer-volume-large .xgplayer-volume .xgplayer-icon .xgplayer-icon-large {
	display: block
}

.xgplayer-skin-skin.xgplayer-volume-large .xgplayer-volume .xgplayer-icon .xgplayer-icon-small {
	display: none
}

.xgplayer-skin-skin.xgplayer-volume-large .xgplayer-volume .xgplayer-icon .xgplayer-icon-muted {
	display: none
}

.xgplayer-skin-skin.xgplayer-volume-small .xgplayer-volume .xgplayer-icon .xgplayer-icon-large {
	display: none
}

.xgplayer-skin-skin.xgplayer-volume-small .xgplayer-volume .xgplayer-icon .xgplayer-icon-small {
	display: block
}

.xgplayer-skin-skin.xgplayer-volume-small .xgplayer-volume .xgplayer-icon .xgplayer-icon-muted {
	display: none
}

.xgplayer-skin-skin.xgplayer-volume-muted .xgplayer-volume .xgplayer-icon .xgplayer-icon-large {
	display: none
}

.xgplayer-skin-skin.xgplayer-volume-muted .xgplayer-volume .xgplayer-icon .xgplayer-icon-small {
	display: none
}

.xgplayer-skin-skin.xgplayer-volume-muted .xgplayer-volume .xgplayer-icon .xgplayer-icon-muted {
	display: block
}

.xgplayer-skin-skin.xgplayer-mobile .xgplayer-volume .xgplayer-slider {
	display: none
}

.xgplayer-skin-skin .xgplayer-definition {
	-moz-box-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5;
	width: 60px;
	height: 42px;
	z-index: 18;
	position: relative;
	outline: none;
	display: none;
	cursor: default;
	margin-left: 10px;
	margin-top: -7px
}

.xgplayer-skin-skin .xgplayer-definition ul {
	display: none;
	list-style: none;
	width: 78px;
	background: rgba(0, 0, 0, 0.54);
	border-radius: 1px;
	position: absolute;
	bottom: 42px;
	left: 0;
	text-align: center;
	white-space: nowrap;
	margin-left: -10px;
	z-index: 26;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-definition ul li {
	opacity: .7;
	font-family: PingFangSC-Regular;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.8);
	padding: 6px 13px
}

.xgplayer-skin-skin .xgplayer-definition ul li.selected {
	color: #fff;
	opacity: 1
}

.xgplayer-skin-skin .xgplayer-definition ul li:hover {
	color: #fff;
	opacity: 1
}

.xgplayer-skin-skin .xgplayer-definition .name {
	text-align: center;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	line-height: 20px;
	height: 20px;
	cursor: pointer;
	color: rgba(255, 255, 255, 0.8);
	position: absolute;
	bottom: 5px;
	width: 60px;
	height: 20px;
	line-height: 20px;
	background: rgba(0, 0, 0, 0.38);
	border-radius: 10px;
	display: inline-block;
	vertical-align: middle
}

.xgplayer-skin-skin.xgplayer-definition-active .xgplayer-definition ul {
	display: block
}

.xgplayer-skin-skin.xgplayer-is-definition .xgplayer-definition {
	display: block
}

.xgplayer-skin-skin .xgplayer-time {
	-moz-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	font-family: ArialMT;
	font-size: 13px;
	color: #fff;
	line-height: 40px;
	height: 40px;
	text-align: center;
	display: inline-block;
	margin: auto 8px;
	position: relative;
	top: -11px;
	left: 5px
}

.xgplayer-skin-skin .xgplayer-time span {
	color: rgba(255, 255, 255, 0.5)
}

.xgplayer-skin-skin .xgplayer-time .xgplayer-time-current {
	color: #fff
}

.xgplayer-skin-skin .xgplayer-time .xgplayer-time-current::after {
	content: "/";
	display: inline-block;
	padding: 0 3px
}

.xgplayer-skin-skin .xgplayer-controls {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
	z-index: 10
}

.xgplayer-skin-skin.xgplayer-nostart .xgplayer-controls {
	display: none
}

.xgplayer-skin-skin.no-controls .xgplayer-controls {
	display: none
}

.xgplayer-skin-skin.xgplayer-inactive .xgplayer-start {
	display: none
}

.xgplayer-skin-skin.xgplayer-inactive .xgplayer-controls {
	display: none
}

.xgplayer-skin-skin.xgplayer-is-live .xgplayer-controls .xgplayer-time,
.xgplayer-skin-skin.xgplayer-is-live .xgplayer-controls .xgplayer-progress {
	display: none
}

.xgplayer-skin-skin.xgplayer-is-live .xgplayer-controls .xgplayer-live {
	display: block
}

.xgplayer-skin-skin .xgplayer-live {
	display: block;
	font-size: 12px;
	color: #fff;
	line-height: 40px;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}

.xgplayer-skin-skin .xgplayer-loading {
	display: none;
	width: 100px;
	height: 100px;
	overflow: hidden;
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -50px auto auto -50px
}

.xgplayer-skin-skin .xgplayer-loading svg {
	border-radius: 50%;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	transform-origin: center;
	-webkit-animation: loadingRotate 1s linear infinite;
	-moz-animation: loadingRotate 1s linear infinite;
	animation: loadingRotate 1s linear infinite
}

.xgplayer-skin-skin .xgplayer-loading svg path {
	stroke: #ddd;
	stroke-dasharray: 236;
	-webkit-animation: loadingDashOffset 2s linear infinite;
	-moz-animation: loadingDashOffset 2s linear infinite;
	animation: loadingDashOffset 2s linear infinite;
	animation-direction: alternate-reverse;
	fill: none;
	stroke-width: 12px
}

.xgplayer-skin-skin.xgplayer-nostart .xgplayer-loading {
	display: none
}

.xgplayer-skin-skin.xgplayer-pause .xgplayer-loading {
	display: none !important
}

.xgplayer-skin-skin.xgplayer-isloading .xgplayer-loading {
	display: block
}

.xgplayer-skin-skin .xgplayer-progress {
	display: block;
	position: absolute;
	height: 20px;
	line-height: 20px;
	left: 12px;
	right: 12px;
	outline: none;
	z-index: 35;
	top: 18px
}

.xgplayer-skin-skin .xgplayer-progress-outer {
	background: #ff0050;
	display: block;
	height: 6px;
	line-height: 3px;
	margin-top: 8.5px;
	width: 100%;
	position: relative;
	background: rgba(255, 255, 255, 0.34);
	border-radius: 10px;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-progress-cache,
.xgplayer-skin-skin .xgplayer-progress-played {
	display: block;
	height: 100%;
	line-height: 1;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 10px
}

.xgplayer-skin-skin .xgplayer-progress-cache {
	width: 0;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 10px
}

.xgplayer-skin-skin .xgplayer-progress-played {
	display: block;
	width: 0;
	background-image: -webkit-gradient(linear, right top, left top, from(#fa1f41), to(#e31106));
	background-image: -webkit-linear-gradient(right, #fa1f41 0%, #e31106 100%);
	background-image: -moz-linear-gradient(right, #fa1f41 0%, #e31106 100%);
	background-image: linear-gradient(-90deg, #fa1f41 0%, #e31106 100%);
	border-radius: 10px
}

.xgplayer-skin-skin .xgplayer-progress-btn {
	display: none;
	position: absolute;
	left: 0;
	top: -5px;
	width: 13px;
	height: 13px;
	border-radius: 30px;
	background: #fff;
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.26);
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.26);
	left: 100%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

.xgplayer-skin-skin .xgplayer-progress-point {
	position: absolute
}

.xgplayer-skin-skin .xgplayer-progress-point.xgplayer-tips {
	margin-left: 0;
	top: -25px;
	display: none;
	z-index: 100
}

.xgplayer-skin-skin .xgplayer-progress-dot {
	display: inline-block;
	position: absolute;
	height: 3px;
	width: 5px;
	top: 0;
	background: white;
	border-radius: 6px;
	z-index: 16
}

.xgplayer-skin-skin .xgplayer-progress-dot .xgplayer-progress-tip {
	position: absolute;
	left: 0;
	top: -40px;
	height: auto;
	line-height: 30px;
	width: auto;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	background: rgba(0, 0, 0, 0.3);
	border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.8);
	cursor: default;
	white-space: nowrap;
	display: none
}

.xgplayer-skin-skin .xgplayer-progress-dot-show .xgplayer-progress-tip {
	display: block
}

.xgplayer-skin-skin .xgplayer-progress-thumbnail {
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.xgplayer-skin-skin .xgplayer-progress-thumbnail.xgplayer-tips {
	margin-left: 0;
	display: none;
	z-index: 99
}

.xgplayer-skin-skin .xgplayer-progress:hover .xgplayer-progress-outer,
.xgplayer-skin-skin .xgplayer-progress:focus .xgplayer-progress-outer {
	height: 6px;
	margin-top: 7px
}

.xgplayer-skin-skin .xgplayer-progress:hover .xgplayer-progress-dot,
.xgplayer-skin-skin .xgplayer-progress:focus .xgplayer-progress-dot {
	height: 6px
}

.xgplayer-skin-skin .xgplayer-progress:hover .xgplayer-progress-btn,
.xgplayer-skin-skin .xgplayer-progress:focus .xgplayer-progress-btn {
	display: block;
	top: -3px
}

.xgplayer-skin-skin.xgplayer-volume-active .xgplayer-progress {
	z-index: 15
}

.xgplayer-skin-skin.xgplayer-definition-active .xgplayer-progress {
	z-index: 15
}

.xgplayer-skin-skin.xgplayer-texttrack-active .xgplayer-progress {
	z-index: 15
}

.xgplayer-skin-skin.xgplayer-playbackrate-active .xgplayer-progress {
	z-index: 15
}

.xgplayer-skin-skin.xgplayer-mobile .xgplayer-progress-btn {
	display: block !important
}

.xgplayer-skin-skin.xgplayer-mobile .xgplayer-progress:hover .xgplayer-progress-outer,
.xgplayer-skin-skin.xgplayer-mobile .xgplayer-progress:focus .xgplayer-progress-outer {
	height: 3px !important;
	margin-top: 8.5px !important
}

.xgplayer-skin-skin.xgplayer-mobile .xgplayer-progress:hover .xgplayer-progress-btn,
.xgplayer-skin-skin.xgplayer-mobile .xgplayer-progress:focus .xgplayer-progress-btn {
	display: block !important;
	top: -5px !important
}

.xgplayer-skin-skin .xgplayer-replay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 105;
	display: none;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.54);
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.xgplayer-skin-skin .xgplayer-replay svg {
	background: rgba(0, 0, 0, 0.58);
	border-radius: 100%;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-replay svg path {
	-webkit-transform: translate(20px, 21px);
	-moz-transform: translate(20px, 21px);
	transform: translate(20px, 21px);
	fill: #ddd
}

.xgplayer-skin-skin .xgplayer-replay svg:hover {
	background: rgba(0, 0, 0, 0.38)
}

.xgplayer-skin-skin .xgplayer-replay svg:hover path {
	fill: #fff
}

.xgplayer-skin-skin .xgplayer-replay .xgplayer-replay-txt {
	display: inline-block;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #fff;
	line-height: 34px
}

.xgplayer-skin-skin.xgplayer.xgplayer-ended .xgplayer-controls {
	display: none
}

.xgplayer-skin-skin.xgplayer.xgplayer-ended .xgplayer-replay {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.xgplayer-skin-skin .xgplayer-playbackrate {
	-moz-box-ordinal-group: 9;
	-ms-flex-order: 8;
	order: 8;
	width: 60px;
	height: 20px;
	z-index: 18;
	position: relative;
	display: inline-block;
	cursor: default
}

.xgplayer-skin-skin .xgplayer-playbackrate ul {
	display: none;
	list-style: none;
	width: 78px;
	background: rgba(0, 0, 0, 0.54);
	border-radius: 1px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: left;
	white-space: nowrap;
	z-index: 26;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-playbackrate ul li {
	opacity: .7;
	font-family: PingFangSC-Regular;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.8);
	position: relative;
	padding: 4px 0;
	text-align: center
}

.xgplayer-skin-skin .xgplayer-playbackrate ul li.selected {
	color: #fff;
	opacity: 1
}

.xgplayer-skin-skin .xgplayer-playbackrate ul li:hover {
	color: #fff;
	opacity: 1
}

.xgplayer-skin-skin .xgplayer-playbackrate ul li:nth-child(1) {
	position: relative;
	margin-top: 12px
}

.xgplayer-skin-skin .xgplayer-playbackrate ul li:last-child {
	position: relative;
	margin-bottom: 12px
}

.xgplayer-skin-skin .xgplayer-playbackrate .name {
	height: 20px;
	position: relative;
	top: 11px;
	text-align: center;
	background: rgba(0, 0, 0, 0.38);
	color: rgba(255, 255, 255, 0.8);
	border-radius: 10px;
	line-height: 20px
}

.xgplayer-skin-skin .xgplayer-playbackrate span {
	position: relative;
	top: 19px;
	font-weight: bold;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.6)
}

.xgplayer-skin-skin .xgplayer-playbackrate:hover {
	opacity: 1
}

.xgplayer-skin-skin.xgplayer-playbackrate-active .xgplayer-playbackrate ul {
	display: block
}

.xgplayer-skin-skin .xgplayer-download {
	position: relative;
	-moz-box-ordinal-group: 10;
	-ms-flex-order: 9;
	order: 9;
	display: block;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-download .xgplayer-icon {
	margin-top: 3px
}

.xgplayer-skin-skin .xgplayer-download .xgplayer-icon div {
	position: absolute
}

.xgplayer-skin-skin .xgplayer-download .xgplayer-icon svg {
	position: relative;
	top: 5px;
	left: 5px
}

.xgplayer-skin-skin .xgplayer-download .xgplayer-tips {
	margin-left: -20px
}

.xgplayer-skin-skin .xgplayer-download .xgplayer-tips .xgplayer-tip-download {
	display: block
}

.xgplayer-skin-skin .xgplayer-download:hover {
	opacity: .85
}

.xgplayer-skin-skin .xgplayer-download:hover .xgplayer-tips {
	display: block
}

.lang-is-en .xgplayer-download .xgplayer-tips {
	margin-left: -32px
}

.lang-is-jp .xgplayer-download .xgplayer-tips {
	margin-left: -40px
}

.xgplayer-skin-skin .danmu-switch {
	-moz-box-ordinal-group: 7;
	-ms-flex-order: 6;
	order: 6;
	z-index: 26
}

.xgplayer-skin-skin .xgplayer-danmu {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	overflow: hidden;
	z-index: 9;
	outline: none
}

.xgplayer-skin-skin .xgplayer-danmu>* {
	position: absolute;
	white-space: nowrap;
	z-index: 9
}

.xgplayer-skin-skin .xgplayer-danmu.xgplayer-has-danmu {
	display: block
}

.xgplayer-skin-skin .xgplayer-panel {
	outline: none;
	-moz-box-ordinal-group: 8;
	-ms-flex-order: 7;
	order: 7;
	width: 40px;
	height: 40px;
	display: inline-block;
	position: relative;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.8);
	z-index: 36
}

.xgplayer-skin-skin .xgplayer-panel .xgplayer-panel-icon {
	cursor: pointer;
	position: absolute;
	margin-left: 5px;
	top: 10px
}

.xgplayer-skin-skin .xgplayer-panel-active {
	display: block !important;
	bottom: 30px
}

.xgplayer-skin-skin .xgplayer-panel-slider {
	z-index: 36;
	display: none;
	position: absolute;
	width: 230px;
	height: 230px;
	background: rgba(0, 0, 0, 0.54);
	border-radius: 1px;
	padding: 10px 20px;
	outline: none;
	left: -115px;
	bottom: 40px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-hidemode {
	padding-bottom: 10px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-hidemode-radio li {
	display: inline;
	list-style: none;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-hidemode ul {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-hidemode li {
	margin: 0 12px;
	font-size: 11px;
	color: #aaa
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-hidemode-font {
	margin-bottom: 10px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-transparency {
	display: block;
	margin-top: 10px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-line {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	outline: none;
	width: 150px;
	height: 4px;
	background: #aaa;
	border-radius: 4px;
	border-style: none;
	margin-left: 10px;
	margin-top: -2px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-line::-moz-focus-outer {
	border: 0 !important
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-color::-webkit-slider-runnable-track {
	outline: none;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-color::-moz-range-track {
	outline: none;
	background-color: #aaa;
	border-color: transparent;
	cursor: pointer;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-color::-ms-track {
	outline: none;
	background-color: #aaa;
	color: transparent;
	border-color: transparent;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-webkit-slider-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 6px;
	width: 6px;
	margin-top: -4px;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-moz-range-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 0;
	width: 0;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-ms-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 6px;
	width: 6px;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-moz-range-progress {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 4px;
	border-radius: 4px;
	background: -moz-linear-gradient(left, #f85959, #f85959 100%, #aaa);
	background: linear-gradient(to right, #f85959, #f85959 100%, #aaa)
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea {
	display: block;
	margin-top: 8px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea-name {
	display: inline-block;
	position: relative;
	top: -10px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea-control {
	display: inline-block
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea-control-up {
	width: 150px;
	margin-left: 10px;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-moz-box-pack: justify;
	justify-content: space-between;
	color: #aaa
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea-control-down {
	position: relative;
	top: -10px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea-control-down-dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	width: 150px;
	margin-left: 10px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-moz-box-pack: justify;
	justify-content: space-between
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea-twoquarters {
	margin-left: -6px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea-threequarters {
	margin-left: -6px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea-full {
	margin-right: 3px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-line {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	outline: none;
	width: 150px;
	height: 4px;
	background: #aaa;
	border-radius: 4px;
	border-style: none;
	margin-left: 10px;
	margin-top: -2px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-line::-moz-focus-outer {
	border: 0 !important
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-color::-webkit-slider-runnable-track {
	outline: none;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-color::-moz-range-track {
	outline: none;
	background-color: #aaa;
	border-color: transparent;
	cursor: pointer;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-color::-ms-track {
	outline: none;
	background-color: #aaa;
	color: transparent;
	border-color: transparent;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-bar::-webkit-slider-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 6px;
	width: 6px;
	margin-top: -4px;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-bar::-moz-range-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 0;
	width: 0;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-bar::-ms-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 6px;
	width: 6px;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-zero-dot {
	width: 3px;
	height: 3px;
	border: 3px solid #aaa;
	border-radius: 50%;
	background-color: #aaa;
	position: relative;
	top: 16px;
	z-index: -1
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-onequarters-dot {
	width: 3px;
	height: 3px;
	border: 3px solid #aaa;
	border-radius: 50%;
	background-color: #aaa;
	position: relative;
	top: 16px;
	z-index: -1
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-twoquarters-dot {
	width: 3px;
	height: 3px;
	border: 3px solid #aaa;
	border-radius: 50%;
	background-color: #aaa;
	position: relative;
	top: 16px;
	z-index: -1
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-threequarters-dot {
	width: 3px;
	height: 3px;
	border: 3px solid #aaa;
	border-radius: 50%;
	background-color: #aaa;
	position: relative;
	top: 16px;
	z-index: -1
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-full-dot {
	width: 3px;
	height: 3px;
	border: 3px solid #aaa;
	border-radius: 50%;
	background-color: #aaa;
	position: relative;
	top: 16px;
	z-index: -1
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmuspeed {
	display: block
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmuspeed-name {
	display: inline-block;
	position: relative;
	top: -10px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmuspeed-control {
	display: inline-block
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmuspeed-control-up {
	width: 150px;
	margin-left: 10px;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-moz-box-pack: justify;
	justify-content: space-between;
	color: #aaa
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmuspeed-control-down {
	position: relative;
	top: -10px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmuspeed-control-down-dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	width: 150px;
	margin-left: 10px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-moz-box-pack: justify;
	justify-content: space-between
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-line {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	outline: none;
	width: 150px;
	height: 4px;
	background: #aaa;
	border-radius: 4px;
	border-style: none;
	margin-left: 10px;
	margin-top: -2px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-line::-moz-focus-outer {
	border: 0 !important
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-color::-webkit-slider-runnable-track {
	outline: none;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-color::-moz-range-track {
	outline: none;
	background-color: #aaa;
	border-color: transparent;
	cursor: pointer;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-color::-ms-track {
	outline: none;
	background-color: #aaa;
	color: transparent;
	border-color: transparent;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-bar::-webkit-slider-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 6px;
	width: 6px;
	margin-top: -4px;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-bar::-moz-range-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 0;
	width: 0;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-bar::-ms-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 6px;
	width: 6px;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-small-dot {
	width: 3px;
	height: 3px;
	border: 3px solid #aaa;
	border-radius: 50%;
	background-color: #aaa;
	position: relative;
	top: 16px;
	z-index: -1
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-middle-dot {
	width: 3px;
	height: 3px;
	border: 3px solid #aaa;
	border-radius: 50%;
	background-color: #aaa;
	position: relative;
	top: 16px;
	z-index: -1
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-large-dot {
	width: 3px;
	height: 3px;
	border: 3px solid #aaa;
	border-radius: 50%;
	background-color: #aaa;
	position: relative;
	top: 16px;
	z-index: -1
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmufont {
	display: block
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmufont-name {
	display: inline-block;
	position: relative;
	top: -10px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmufont-control {
	display: inline-block
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmufont-control-up {
	width: 150px;
	margin-left: 10px;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-moz-box-pack: justify;
	justify-content: space-between;
	color: #aaa
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmufont-control-down {
	position: relative;
	top: -10px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmufont-control-down-dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	width: 150px;
	margin-left: 10px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-moz-box-pack: justify;
	justify-content: space-between
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-line {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	outline: none;
	width: 150px;
	height: 4px;
	background: #aaa;
	border-radius: 4px;
	border-style: none;
	margin-left: 10px;
	margin-top: -2px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-line::-moz-focus-outer {
	border: 0 !important
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-color::-webkit-slider-runnable-track {
	outline: none;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-color::-moz-range-track {
	outline: none;
	background-color: #aaa;
	border-color: transparent;
	cursor: pointer;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-color::-ms-track {
	outline: none;
	background-color: #aaa;
	color: transparent;
	border-color: transparent;
	width: 150px;
	height: 4px;
	border-radius: 4px
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-bar::-webkit-slider-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 6px;
	width: 6px;
	margin-top: -4px;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-bar::-moz-range-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 0;
	width: 0;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-bar::-ms-thumb {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 6px solid #f85959;
	height: 6px;
	width: 6px;
	border-radius: 6px;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-small-dot {
	width: 3px;
	height: 3px;
	border: 3px solid #aaa;
	border-radius: 50%;
	background-color: #aaa;
	position: relative;
	top: 16px;
	z-index: -1
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-middle-dot {
	width: 3px;
	height: 3px;
	border: 3px solid #aaa;
	border-radius: 50%;
	background-color: #aaa;
	position: relative;
	top: 16px;
	z-index: -1
}

.xgplayer-skin-skin .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-large-dot {
	width: 3px;
	height: 3px;
	border: 3px solid #aaa;
	border-radius: 50%;
	background-color: #aaa;
	position: relative;
	top: 16px;
	z-index: -1
}

.xgplayer-skin-skin .xgplayer-playnext {
	position: relative;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	display: block;
	cursor: pointer;
	top: -2px
}

.xgplayer-skin-skin .xgplayer-playnext .xgplayer-icon div {
	position: absolute
}

.xgplayer-skin-skin .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext {
	display: block
}

.xgplayer-skin-skin .xgplayer-playnext:hover {
	opacity: .85
}

.xgplayer-skin-skin .xgplayer-playnext:hover .xgplayer-tips {
	display: block
}

.lang-is-en .xgplayer-playnext .xgplayer-tips {
	margin-left: -25px
}

.lang-is-jp .xgplayer-playnext .xgplayer-tips {
	margin-left: -38px
}

.xgplayer-skin-skin.xgplayer-playnext-inactive .xgplayer-playnext {
	display: none
}

.xgplayer-skin-skin .xgplayer-pip {
	-moz-box-ordinal-group: 10;
	-ms-flex-order: 9;
	order: 9;
	position: relative;
	outline: none;
	display: block;
	cursor: pointer;
	height: 20px;
	top: 8px
}

.xgplayer-skin-skin .xgplayer-pip .name {
	text-align: center;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	line-height: 20px;
	height: 20px;
	color: rgba(255, 255, 255, 0.8)
}

.xgplayer-skin-skin .xgplayer-pip .name span {
	width: 60px;
	height: 20px;
	line-height: 20px;
	background: rgba(0, 0, 0, 0.38);
	border-radius: 10px;
	display: inline-block;
	vertical-align: middle
}

.xgplayer-skin-skin .xgplayer-pip-lay {
	position: absolute;
	top: 26px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 130;
	cursor: pointer;
	background-color: transparent;
	display: none
}

.xgplayer-skin-skin .xgplayer-pip-lay div {
	width: 100%;
	height: 100%
}

.xgplayer-skin-skin .xgplayer-pip-drag {
	cursor: move;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 26px;
	line-height: 26px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
	z-index: 130;
	display: none
}

.xgplayer-skin-skin.xgplayer-pip-active {
	position: fixed;
	right: 0;
	bottom: 200px;
	width: 320px !important;
	height: 180px !important;
	z-index: 110 !important
}

.xgplayer-skin-skin.xgplayer-pip-active .xgplayer-controls {
	display: none
}

.xgplayer-skin-skin.xgplayer-pip-active .xgplayer-danmu {
	display: none
}

.xgplayer-skin-skin.xgplayer-pip-active .xgplayer-pip-lay {
	display: block
}

.xgplayer-skin-skin.xgplayer-pip-active .xgplayer-pip-drag {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.xgplayer-skin-skin.xgplayer-inactive .xgplayer-pip-drag {
	display: none
}

.lang-is-jp .xgplayer-pip .name span {
	width: 70px;
	height: 20px
}

.xgplayer-skin-skin .xgplayer-rotate {
	position: relative;
	-moz-box-ordinal-group: 11;
	-ms-flex-order: 10;
	order: 10;
	display: block;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-rotate .xgplayer-icon {
	margin-top: 7px;
	width: 26px
}

.xgplayer-skin-skin .xgplayer-rotate .xgplayer-icon div {
	position: absolute
}

.xgplayer-skin-skin .xgplayer-rotate .xgplayer-tips {
	margin-left: -22px
}

.xgplayer-skin-skin .xgplayer-rotate .xgplayer-tips .xgplayer-tip-rotate {
	display: block
}

.xgplayer-skin-skin .xgplayer-rotate:hover {
	opacity: .85
}

.xgplayer-skin-skin .xgplayer-rotate:hover .xgplayer-tips {
	display: block
}

.lang-is-en .xgplayer-rotate .xgplayer-tips {
	margin-left: -26px
}

.lang-is-jp .xgplayer-rotate .xgplayer-tips {
	margin-left: -38px
}

.xgplayer-skin-skin .xgplayer-reload {
	position: relative;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-reload .xgplayer-icon {
	margin-top: 7px;
	width: 26px
}

.xgplayer-skin-skin .xgplayer-reload .xgplayer-icon div {
	position: absolute
}

.xgplayer-skin-skin .xgplayer-reload .xgplayer-tips {
	margin-left: -22px
}

.xgplayer-skin-skin .xgplayer-reload .xgplayer-tips .xgplayer-tip-reload {
	display: block
}

.xgplayer-skin-skin .xgplayer-reload:hover {
	opacity: .85
}

.xgplayer-skin-skin .xgplayer-reload:hover .xgplayer-tips {
	display: block
}

.lang-is-en .xgplayer-reload .xgplayer-tips {
	margin-left: -26px
}

.lang-is-jp .xgplayer-reload .xgplayer-tips {
	margin-left: -38px
}

.xgplayer-skin-skin .xgplayer-screenshot {
	-moz-box-ordinal-group: 12;
	-ms-flex-order: 11;
	order: 11;
	position: relative;
	outline: none;
	display: block;
	cursor: pointer;
	height: 20px;
	top: 8px
}

.xgplayer-skin-skin .xgplayer-screenshot .name {
	text-align: center;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	line-height: 20px;
	height: 20px;
	color: rgba(255, 255, 255, 0.8)
}

.xgplayer-skin-skin .xgplayer-screenshot .name span {
	width: 60px;
	height: 20px;
	line-height: 20px;
	background: rgba(0, 0, 0, 0.38);
	border-radius: 10px;
	display: inline-block;
	vertical-align: middle
}

.lang-is-en .xgplayer-screenshot .name span,
.lang-is-jp .xgplayer-screenshot .name span {
	width: 75px;
	height: 20px
}

.xgplayer-skin-skin .xgplayer-texttrack {
	-moz-box-ordinal-group: 8;
	-ms-flex-order: 7;
	order: 7;
	width: 60px;
	height: 150px;
	z-index: 18;
	position: relative;
	outline: none;
	display: none;
	cursor: default;
	margin-top: -119px
}

.xgplayer-skin-skin .xgplayer-texttrack ul {
	display: none;
	list-style: none;
	min-width: 78px;
	background: rgba(0, 0, 0, 0.54);
	border-radius: 1px;
	position: absolute;
	bottom: 30px;
	text-align: center;
	white-space: nowrap;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	z-index: 26;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-texttrack ul li {
	opacity: .7;
	font-family: PingFangSC-Regular;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.8);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: auto;
	padding: 6px 13px
}

.xgplayer-skin-skin .xgplayer-texttrack ul li.selected {
	color: #fff;
	opacity: 1
}

.xgplayer-skin-skin .xgplayer-texttrack ul li:hover {
	color: #fff;
	opacity: 1
}

.xgplayer-skin-skin .xgplayer-texttrack .name {
	text-align: center;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	line-height: 20px;
	height: 20px;
	cursor: pointer;
	color: rgba(255, 255, 255, 0.8);
	position: absolute;
	bottom: 0;
	width: 60px;
	height: 20px;
	line-height: 20px;
	background: rgba(0, 0, 0, 0.38);
	border-radius: 10px;
	display: inline-block;
	vertical-align: middle
}

.xgplayer-skin-skin.xgplayer-texttrack-active .xgplayer-texttrack ul {
	display: block
}

.xgplayer-skin-skin.xgplayer-is-texttrack .xgplayer-texttrack {
	display: block
}

.xgplayer-skin-skin .xgplayer-icon {
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	fill: #fff
}

.xgplayer-skin-skin .xgplayer-icon svg {
	position: absolute
}

.xgplayer-skin-skin .xgplayer-tips {
	background: rgba(0, 0, 0, 0.54);
	border-radius: 1px;
	display: none;
	position: absolute;
	font-family: PingFangSC-Regular;
	font-size: 11px;
	color: #fff;
	padding: 2px 4px;
	text-align: center;
	top: -30px;
	left: 50%;
	margin-left: -16px;
	width: auto;
	white-space: nowrap
}

.xgplayer-skin-skin.xgplayer-mobile .xgplayer-tips {
	display: none !important
}

.xgplayer-skin-skin .xgplayer-error {
	background: #000;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 125;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 100%;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.xgplayer-skin-skin .xgplayer-error .xgplayer-error-refresh {
	color: #fa1f41;
	padding: 0 3px;
	cursor: pointer
}

.xgplayer-skin-skin .xgplayer-error .xgplayer-error-text {
	line-height: 18px;
	margin: auto 6px
}

.xgplayer-skin-skin.xgplayer-is-error .xgplayer-error {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.xgplayer-skin-skin .xgplayer-memoryplay-spot {
	position: absolute;
	height: 32px;
	left: 10px;
	bottom: 46px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 32px;
	line-height: 32px;
	color: #ddd;
	z-index: 15;
	padding: 0 32px 0 16px
}

.xgplayer-skin-skin .xgplayer-memoryplay-spot .xgplayer-lasttime {
	color: red;
	font-weight: bold
}

.xgplayer-skin-skin .xgplayer-memoryplay-spot .btn-close {
	position: absolute;
	width: 16px;
	height: 16px;
	right: 10px;
	top: 2px;
	cursor: pointer;
	color: #fff;
	font-size: 16px
}

.xgplayer-skin-skin .xgplayer-airplay {
	position: relative;
	-moz-box-ordinal-group: 12;
	-ms-flex-order: 11;
	order: 11;
	display: block;
	cursor: pointer;
	margin-left: 5px;
	margin-right: 3px
}

.xgplayer-skin-skin .xgplayer-airplay .xgplayer-icon {
	margin-top: 6px;
	margin-left: 6px
}

.xgplayer-skin-skin .xgplayer-airplay .xgplayer-icon div {
	position: absolute
}

.xgplayer-skin-skin .xgplayer-airplay .xgplayer-icon .xgplayer-icon-airplay {
	display: block
}

.xgplayer-skin-skin .xgplayer-airplay .xgplayer-tips {
	position: absolute;
	right: 0;
	left: auto
}

.xgplayer-skin-skin .xgplayer-airplay .xgplayer-tips .xgplayer-tip-airplay {
	display: block
}

.xgplayer-skin-skin .xgplayer-airplay:hover {
	opacity: .85
}

.xgplayer-skin-skin .xgplayer-airplay:hover .xgplayer-tips {
	display: block
}

.danmu {
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-ms-user-select: none
}

.danmu>* {
	position: absolute;
	white-space: nowrap
}

.danmu-switch {
	width: 32px;
	height: 20px;
	border-radius: 100px;
	background-color: #ccc;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	cursor: pointer;
	position: relative;
	text-align: center;
	margin: 10px auto
}

.danmu-switch.danmu-switch-active {
	padding-left: 12px;
	background-color: #f85959
}

.danmu-switch span.txt {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	display: block;
	border-radius: 100px;
	background-color: #ffffff;
	-webkit-box-shadow: -2px 0 0 0 rgba(0, 0, 0, .04);
	box-shadow: -2px 0 0 0 rgba(0, 0, 0, .04);
	font-family: PingFangSC;
	font-size: 10px;
	font-weight: 500;
	color: #f44336
}

.contact-outer--3Ti5T {
	margin-top: 120px
}

.sub-text--F0VVR {
	font-size: 20px;
	line-height: 68px;
	letter-spacing: 1px;
	color: #777e87
}

.main-text--1PVdW {
	font-size: 20px;
	line-height: 36px;
	text-align: justify;
	font-weight: bold;
	color: #383e46;
	margin-left: 37px
}

.footer--2Ff6G {
	height: 190px
}

.block-container--1Rt9r {
	margin-top: 24px;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.single-archor--j9J6J {
	width: 105px;
	height: 34px;
	border: .714286px solid #efeff2;
	border-radius: 72px;
	margin-left: 17px;
	text-align: center;
	color: #777e87;
	font-size: 14.2857px;
	line-height: 34px
}

.single-archor--j9J6J:hover {
	cursor: pointer
}

.single-archor--j9J6J.click--A0iMd {
	background: #efeff2;
	opacity: .7;
	border-radius: 72px;
	color: black
}

.respons-archor--1_miD {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-left: auto
}

.article-container--2M0LH {
	margin-top: 60px;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

.text-container--4Hw8_ {
	width: 667px
}

.header-text--kbo_Y {
	margin-top: 5px;
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 48px;
	letter-spacing: 1px;
	color: #000
}

.arti-text--JaMJt {
	margin-top: 24px;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 25px;
	text-align: justify;
	letter-spacing: 2px;
	color: #777e87
}

.arti-img--qdDRJ {
	margin-left: auto;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top;
	width: 480px;
	height: 270px;
	border-radius: 20px
}

.load-button--2mkAk {
	font-weight: 500;
	font-size: 14.2857px;
	line-height: 19px;
	text-align: center;
	color: #afb6be;
	margin-top: 90px
}

.load-button--2mkAk:hover {
	cursor: pointer
}

.join-us--1jst3 {
	margin-top: 80px;
	width: 100%;
	background-color: #777e87
}

.join-message--2T7nT {
	position: absolute;
	font-family: OPPOSans;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 24px;
	color: #fff
}

.art-container--2xkqM {
	margin-top: -30px;
	min-height: 600px
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	-moz-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

body {
	--color-primary: #ff0050;
	--color-secondary: #00faf0;
	--color-text-0: #111;
	--color-text-1: #383e46;
	--color-text-2: #777e87;
	--color-text-3: #afb6be;
	--color-text-4: #cbced4;
	--color-bg-0: #fff;
	--color-border: #efeff2;
	--border-radius: 20px;
	--min-width: 960px;
	background-color: var(--color-bg-0)
}

html {
	width: 100%;
	height: 100%
}

body {
	font-size: 16px;
	color: #000;
	width: 100%;
	height: 100%;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	font-family: Gilroy-regular, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

body {
	width: 100%;
	margin: 0
}

* {
	margin: 0;
	padding: 0
}

a {
	text-decoration: none
}

a:link {
	color: #000
}

a:visited {
	color: #000
}

a:hover {
	color: #000;
	font-weight: bold
}

a:active {
	color: #000
}

.title-text {
	font-weight: bold;
	font-size: 38px;
	line-height: 50px;
	letter-spacing: .02em;
	color: #000;
	margin-bottom: 24px
}

.business--2BIJn {
	width: 100%;
	position: relative;
	padding-top: 160px
}

.business-header--Z18wV {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 20
}

.container--337li {
	overflow-x: hidden;
	width: 1200px;
	margin: auto
}

.container--337li .certification--18kWI {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 80px
}

.container--337li .certification--18kWI .title--2lkQ2 {
	font-weight: bold;
	margin-bottom: 6px;
	padding-top: 20px;
	font-size: 36px;
	line-height: 47px;
	color: #fff;
	text-shadow: 0 0 12px rgba(240, 0, 101, 0.1)
}

.container--337li .certification--18kWI .desc--M2nZ8 {
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	opacity: .9;
	margin-bottom: 12px;
	font-weight: normal
}

.container--337li .certification--18kWI .detail--2etpl {
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	opacity: .9;
	margin-bottom: 25px;
	-webkit-transition: -webkit-transform .2s linear;
	transition: -webkit-transform .2s linear;
	-moz-transition: transform .2s linear, -moz-transform .2s linear;
	transition: transform .2s linear;
	transition: transform .2s linear, -webkit-transform .2s linear, -moz-transform .2s linear;
	cursor: pointer
}

.container--337li .certification--18kWI .detail--2etpl:hover {
	font-weight: bold
}

.container--337li .certification--18kWI .opacity--3uIxA {
	opacity: .6
}

.container--337li .certification--18kWI .hide--3N-Hd {
	visibility: hidden
}

.container--337li .certification--18kWI .button--1PWlu {
	cursor: pointer;
	width: 110px;
	height: 42px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 8px;
	line-height: 42px;
	text-align: center;
	font-weight: bold
}

.container--337li .certification--18kWI .button--1PWlu:hover {
	opacity: .9
}

.container--337li .certification--18kWI .one-wrap--2g3Op:hover .one--Kqojl {
	top: -15px
}

.container--337li .certification--18kWI .one--Kqojl {
	width: 384px;
	height: 360px;
	background: url(https://lf1-cdn-tos.bytegoofy.com/goofy/ies/douyin_home_web/imgs/music.0ec63165.png) no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 20px;
	border-radius: var(--border-radius);
	margin-right: 24px;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #ff0050;
	position: relative;
	top: 0;
	-webkit-transition: top .2s ease-in-out;
	-moz-transition: top .2s ease-in-out;
	transition: top .2s ease-in-out;
	padding: 0
}

.container--337li .certification--18kWI .two-wrap--1L0zC:hover .two--1GfrC {
	top: -15px
}

.container--337li .certification--18kWI .two--1GfrC {
	width: 384px;
	height: 360px;
	border-radius: 20px;
	border-radius: var(--border-radius);
	background: url(https://lf1-cdn-tos.bytegoofy.com/goofy/ies/douyin_home_web/imgs/special-effects.436992c4.png);
	background-size: cover;
	margin-right: 24px;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #000;
	position: relative;
	top: 0;
	-webkit-transition: top .2s ease-in-out;
	-moz-transition: top .2s ease-in-out;
	transition: top .2s ease-in-out;
	padding: 0
}

.container--337li .certification--18kWI .three-wrap--222z-:hover .three--3k3W5 {
	top: -15px
}

.container--337li .certification--18kWI .three--3k3W5 {
	width: 384px;
	height: 360px;
	border-radius: 20px;
	border-radius: var(--border-radius);
	background: url(https://lf1-cdn-tos.bytegoofy.com/goofy/ies/douyin_home_web/imgs/enterprise.6c50d30e.png);
	background-size: cover;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #2c5b86;
	position: relative;
	top: 0;
	-webkit-transition: top .2s ease-in-out;
	-moz-transition: top .2s ease-in-out;
	transition: top .2s ease-in-out;
	padding: 0
}

.container--337li .certification--18kWI .three--3k3W5:hover {
	top: -15px
}

.container--337li .certification--18kWI .three--3k3W5 .desc--M2nZ8 {
	color: #fff;
	opacity: .8
}

.container--337li .settle-in--2yWcx {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 80px
}

.container--337li .settle-in--2yWcx .settle-in-item--1Q4qW {
	width: 588px;
	height: 348px;
	border: 1px solid #efeff2;
	border-radius: 20px;
	border-radius: var(--border-radius);
	padding: 0 32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 24px
}

.container--337li .settle-in--2yWcx .settle-in-item--1Q4qW .settle-in-top--1UVnR {
	height: 116px;
	position: relative;
	margin-right: 3px
}

.container--337li .settle-in--2yWcx .settle-in-item--1Q4qW .settle-in-top--1UVnR .left--hEzGB {
	font-weight: bold;
	font-size: 26px;
	line-height: 116px;
	color: #000;
	opacity: .9
}

.container--337li .settle-in--2yWcx .settle-in-item--1Q4qW .settle-in-top--1UVnR .right--2bV2s {
	cursor: pointer;
	background: #ff0050;
	background: var(--color-primary);
	border-radius: 8px;
	width: 110px;
	height: 42px;
	position: absolute;
	right: 0;
	top: 37px;
	color: #fff;
	text-align: center;
	line-height: 42px
}

.container--337li .settle-in--2yWcx .settle-in-item--1Q4qW .settle-in-top--1UVnR .right--2bV2s:hover {
	opacity: .8
}

.container--337li .settle-in--2yWcx .settle-in-item--1Q4qW .settle-in-line--2AAjq {
	margin-bottom: 32px;
	width: 524px;
	height: 1px;
	background: #efeff2
}

.container--337li .settle-in--2yWcx .settle-in-item--1Q4qW .settle-in-bottom--2gQp2 {
	list-style: none;
	font-size: 15px;
	line-height: 42px;
	color: #777e87;
	color: var(--color-text-2);
	position: relative
}

.container--337li .settle-in--2yWcx .settle-in-item--1Q4qW .settle-in-bottom--2gQp2 .dot--2oV9g {
	width: 5px;
	height: 5px;
	background: #cbced4;
	background: var(--color-text-4);
	display: inline-block;
	border-radius: 50%;
	margin-right: 8px;
	position: relative;
	top: -2px
}

.container--337li .settle-in--2yWcx .settle-in-item--1Q4qW .settle-in-bottom--2gQp2 .dot2--1UKje {
	width: 5px;
	height: 5px;
	background: #cbced4;
	background: var(--color-text-4);
	display: inline-block;
	border-radius: 50%;
	margin-right: 6px;
	position: relative;
	top: -2px
}

.container--337li .settle-in--2yWcx .settle-in-item--1Q4qW .settle-in-bottom--2gQp2 .detail--2etpl {
	font-size: 15px;
	line-height: 20px;
	color: #afb6be;
	color: var(--color-text-3);
	opacity: .9;
	position: absolute;
	right: 0;
	bottom: 10px;
	cursor: pointer
}

.container--337li .settle-in--2yWcx .settle-in-item--1Q4qW .settle-in-bottom--2gQp2 .detail--2etpl:hover {
	color: #ff0050;
	color: var(--color-primary)
}

.container--337li .settle-in--2yWcx .settle-in-item--1Q4qW .settle-in-bottom--2gQp2 .detail2--1FyHi {
	font-size: 15px;
	line-height: 20px;
	color: #afb6be;
	color: var(--color-text-3);
	opacity: .9;
	position: absolute;
	right: 0;
	bottom: -32px;
	padding-right: 3px;
	cursor: pointer
}

.container--337li .settle-in--2yWcx .settle-in-item--1Q4qW .settle-in-bottom--2gQp2 .detail2--1FyHi:hover {
	color: #ff0050;
	color: var(--color-primary)
}

.container--337li .settle-in--2yWcx .settle-in-item--1Q4qW .settle-in-bottom--2gQp2 .heng--1s4-M {
	width: 2px;
	height: 1px;
	background: #777e87;
	background: var(--color-text-2);
	display: inline-block;
	position: relative;
	top: -5px;
	padding-right: 1px;
	padding-left: 1px
}

.container--337li .settle-in--2yWcx .none-margin-right--1_XGW {
	margin-right: 0;
	padding: 0 30px;
	padding-right: 27px
}

.container--337li .cooperation--3QYVp .cooperation-banner1--ElqPt {
	border-radius: 20px;
	border-radius: var(--border-radius);
	width: 1188px;
	height: 320px;
	background: url(https://lf1-cdn-tos.bytegoofy.com/goofy/ies/douyin_home_web/imgs/1.4bec87ca.png) no-repeat;
	margin-bottom: 24px;
	text-align: center
}

.container--337li .cooperation--3QYVp .cooperation-banner1--ElqPt .slogan--2dSLp {
	width: 318px;
	height: 78px;
	background: url() no-repeat;
	margin: 0 auto
}

.container--337li .cooperation--3QYVp .cooperation-banner1--ElqPt .button--1PWlu {
	width: 110px;
	height: 42px;
	background: #fff;
	border: 2px solid #fff;
	border-radius: 8px;
	color: #000;
	line-height: 42px;
	display: inline-block;
	margin-right: 16px;
	font-weight: bold;
	cursor: pointer
}

.container--337li .cooperation--3QYVp .cooperation-banner1--ElqPt .button--1PWlu:hover {
	opacity: .9
}

.container--337li .cooperation--3QYVp .cooperation-banner1--ElqPt .button-ghost--19pzM {
	width: 110px;
	height: 42px;
	border: 2px solid rgba(255, 255, 255, 0.6);
	border-radius: 8px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	line-height: 42px;
	display: inline-block;
	margin-right: 16px;
	cursor: pointer
}

.container--337li .cooperation--3QYVp .cooperation-banner1--ElqPt .button-ghost--19pzM:hover {
	opacity: .9;
	background: rgba(255, 255, 255, 0.2)
}

.container--337li .cooperation--3QYVp .cooperation-banner1--ElqPt .desc--M2nZ8 {
	font-size: 16px;
	line-height: 21px;
	color: #fff;
	opacity: .7;
	margin-top: 8px;
	margin-bottom: 27px
}

.container--337li .cooperation--3QYVp .cooperation-banner1--ElqPt .margin--2fkCT {
	height: 68px;
	width: 100%;
	visibility: hidden
}

.container--337li .cooperation--3QYVp .cooperation-banner2--1tC5U {
	border-radius: 20px;
	border-radius: var(--border-radius);
	width: 1188px;
	height: 320px;
	background: url(https://lf1-cdn-tos.bytegoofy.com/goofy/ies/douyin_home_web/imgs/2.433d4d2d.png) no-repeat;
	margin-bottom: 95px;
	text-align: center;
	background-size: cover;
	-o-object-fit: cover;
	object-fit: cover
}

.container--337li .cooperation--3QYVp .cooperation-banner2--1tC5U .margin--2fkCT {
	height: 92px;
	width: 100%;
	visibility: hidden
}

.container--337li .cooperation--3QYVp .cooperation-banner2--1tC5U .slogan--2dSLp {
	width: 331px;
	height: 43px;
	background: url() no-repeat;
	margin: 0 auto
}

.container--337li .cooperation--3QYVp .cooperation-banner2--1tC5U .button--1PWlu {
	width: 110px;
	height: 42px;
	background: #fff;
	border: 2px solid #fff;
	border-radius: 8px;
	color: #000;
	line-height: 42px;
	display: inline-block;
	margin-right: 16px;
	font-weight: bold;
	cursor: pointer;
	color: #2b9be3
}

.container--337li .cooperation--3QYVp .cooperation-banner2--1tC5U .button--1PWlu:hover {
	opacity: .9
}

.container--337li .cooperation--3QYVp .cooperation-banner2--1tC5U .desc--M2nZ8 {
	font-size: 16px;
	line-height: 21px;
	color: #fff;
	opacity: .7;
	margin-top: 22px;
	margin-bottom: 23px
}

.footer--36uKr {
	width: 100%;
	min-width: 1200px;
	height: 190px;
	background: #000;
	position: relative
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	-moz-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

body {
	--color-primary: #ff0050;
	--color-secondary: #00faf0;
	--color-text-0: #111;
	--color-text-1: #383e46;
	--color-text-2: #777e87;
	--color-text-3: #afb6be;
	--color-text-4: #cbced4;
	--color-bg-0: #fff;
	--color-border: #efeff2;
	--border-radius: 20px;
	--min-width: 960px;
	background-color: var(--color-bg-0)
}

html {
	width: 100%;
	height: 100%
}

body {
	font-size: 16px;
	color: #000;
	width: 100%;
	height: 100%;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	font-family: Gilroy-regular, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

body {
	width: 100%;
	margin: 0
}

* {
	margin: 0;
	padding: 0
}

a {
	text-decoration: none
}

a:link {
	color: #000
}

a:visited {
	color: #000
}

a:hover {
	color: #000;
	font-weight: bold
}

a:active {
	color: #000
}

.title-text {
	font-weight: bold;
	font-size: 38px;
	line-height: 50px;
	letter-spacing: .02em;
	color: #000;
	margin-bottom: 24px
}

.business-header--1zMYf {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 20
}

.container--3p09R {
	padding-top: 60px;
	overflow-x: hidden;
	width: 960px;
	margin: auto;
	height: auto;
	min-height: -moz-calc(100vh - 182px);
	min-height: calc(100vh - 182px);
	padding-bottom: 185px
}

.container--3p09R .crumb--1kyPd {
	font-size: 16px;
	line-height: 32px;
	letter-spacing: .04em;
	color: var(--color-text-2);
	margin-top: 20px;
	margin-bottom: 40px
}

.container--3p09R .title--29Jni {
	font-weight: bold;
	font-size: 38px;
	line-height: 50px;
	letter-spacing: .02em;
	color: var(--color-bg-0)
}

.container--3p09R .date--1R4eB {
	font-size: 16px;
	line-height: 32px;
	letter-spacing: .04em;
	color: var(--color-text-4);
	font-weight: normal;
	margin-bottom: 30px
}

.container--3p09R p {
	font-size: 16px;
	line-height: 32px;
	letter-spacing: .04em;
	color: var(--color-text-4)
}

.container--3p09R br {
	margin-bottom: 20px
}

.container--3p09R img {
	width: 100%;
	height: auto;
	border-radius: var(--border-radius);
	margin-top: 24px;
	margin-bottom: 24px
}

.container--3p09R h1 {
	font-weight: bold;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: .04em;
	color: var(--color-bg-0)
}

.footer--2WLdJ {
	width: 100%;
	min-width: 960px;
	height: 190px;
	background: #000;
	position: relative
}